If you can figure this out you will be my Savior!!

**StinkyFatPig** · 07-04-2001, 05:00 PM

ok so what i am doing is,
I have a bunch of images on a page and when i click on one of the images i want a menuless window to open up with the image bigger. But the tricky part is, I dont want to make an html doc for each image
so i want to have it take one htm file and just replace the image with the apropriate one

you can take a look at it here http://24.71.66.49
hear what i got so far

Thanks a billion

<html>
<head>
<title>The Yew Tree 3D Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function showimage(img)
{ var newwin = window.open("", "image", "width=400,height=500,location=0,toolbar=0,... ")
window.document.write('<img src="images/'+img+'" border=0>');
window.document.close();
}
</script>

</head>

<body bgcolor="#000000" text="#FFFFFF" leftmargin="0" topmargin="0">
<table width="799" border="1" height="151">
<tr>
<td height="160" width="215"><a href="javascript:showimage('YEWG06 Large.jpg')"><img src="YEWG06 Small.jpg"></a></td>
<td height="160" width="183"><img src="YEWG08%20Small.jpg" width="200" height="300"></td>
<td height="160" width="198"><img src="YEWG09%20Small.jpg" width="200" height="363"></td>
<td height="160" width="185"><img src="YEWG11%20Small.jpg" width="200" height="218"></td>
<td height="160" width="185"><img src="YEWG12%20Small.jpg" width="200" height="299"></td>
<td height="160" width="185"><img src="YEWG13%20Small.jpg" width="200" height="288"></td>
<td height="160" width="185"><img src="YEWG14%20Small.jpg" width="200" height="296"></td>
<td height="160" width="185"><img src="YEWG15%20Small.jpg" width="200" height="330"></td>
<td height="160" width="185"><img src="YEWG16%20Small.jpg" width="200" height="206"></td>
<td height="160" width="185"><img src="YEWG17%20Small.jpg" width="200" height="200"></td>
<td height="160" width="185"><img src="YEWG18%20Small.jpg" width="200" height="208"></td>
<td height="160" width="185"><img src="YEWG19%20Small.jpg" width="200" height="191"></td>
<td height="160" width="185"><img src="YEWG20%20Small.jpg" width="200" height="199"></td>
<td height="160" width="185"><img src="YEWG21%20Small.jpg" width="200" height="188"></td>
<td height="160" width="185"><img src="YEWG22%20Small.jpg" width="200" height="239"></td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
</tr>
</table>
</body>
</html>

**abusby** · 07-04-2001, 09:53 PM

I did something similar to what you are inquiring about... However I had to utilize ASP... here is an example...

http://www.n-toon.com/pics.htm.

Here is the source... You'll notice only one html is used and it opens up in a menuless window (in this case the same menuless windows as the thumbnail... but I could h ave just as easily changes the target window to something else)... this all translates very easily into Flash...

<html>
<head>
<title>N-TOON >> PHOTOS</title>
<link rel="STYLESHEET" type="text/css" href="ntoon.css">
<meta name="description" content="">
<meta name="keywords" content="">
</head>

<body BGCOLOR="#2D0BA2" TEXT="#000000" LINK="#0000FF" VLINK="#800080" alink="#0000FF" leftmargin=0 topmargin=0 marginheight=0 marginwidth=0 bgproperties="FIXED" background="graphics/bg_pics.gif">

<div align="center">
<a href="pic.asp?pic=lloyd" target="_top"><img src="graphics/pic_lloyd_t.jpg" border="0" height="132" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=justin" target="_top"><img src="graphics/pic_justin_t.jpg" border="0" height="137" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=everett" target="_top"><img src="graphics/pic_everett_t.jpg" border="0" height="135" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=chuckie" target="_top"><img src="graphics/pic_chuckie_t.jpg" border="0" height="135" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=racing2" target="_top"><img src="graphics/pic_racing2_t.jpg" border="0" height="76" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=racing3" target="_top"><img src="graphics/pic_racing3_t.jpg" border="0" height="75" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=building" target="_top"><img src="graphics/pic_building_t.jpg" border="0" height="133" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=building2" target="_top"><img src="graphics/pic_building2_t.jpg" border="0" height="134" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=stairs" target="_top"><img src="graphics/pic_stairs_t.jpg" border="0" height="65" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=back" target="_top"><img src="graphics/pic_back_t.jpg" border="0" height="72" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=looking" target="_top"><img src="graphics/pic_looking_t.jpg" border="0" height="72" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=stairs2" target="_top"><img src="graphics/pic_stairs2_t.jpg" border="0" height="73" width="100" alt=""></a>
<br><br>
<a href="pic.asp?pic=stairs3" target="_top"><img src="graphics/pic_stairs3_t.jpg" border="0" height="66" width="100" alt=""></a>
<br><br>
</div>
</body>
</html>

**StinkyFatPig** · 07-04-2001, 10:17 PM

ok i am getting somewere
btw the link doesnt work

But i am not too swift on asp, nor javascript for that matter

ok i have made some progress i think but its still not working. So i do have to make one html page for it but what should i use as the name of it
My only quess was the "pic.asp?pic" But does that owrk

thanks alot
heres the code that i now have(its super sloppy cause i just ctrl c ctrl v'ed it)

<html>
<head>
<title>N-TOON >> PHOTOS</title>
<link rel="STYLESHEET" type="text/css" href="ntoon.css">
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body BGCOLOR="#2D0BA2" TEXT="#000000" LINK="#0000FF" VLINK="#800080" alink="#0000FF" leftmargin=0 topmargin=0 marginheight=0 marginwidth=0 bgproperties="FIXED" background="graphics/bg_pics.gif">

<div align="center">
<a href="pic.asp?pic=YEWG06 Large" target="_top"><img src="YEWG06 Large.jpg" border="0" height="132" width="100" alt=""></a>
<br><br>

<tr>
<td height="160" width="215"><a href="javascript:showimage('YEWG06 Large.jpg')"><img src="YEWG06 Small.jpg"></a></td>
<td height="160" width="183"><img src="YEWG08%20Small.jpg" width="200" height="300"></td>
<td height="160" width="198"><img src="YEWG09%20Small.jpg" width="200" height="363"></td>
<td height="160" width="185"><img src="YEWG11%20Small.jpg" width="200" height="218"></td>
<td height="160" width="185"><img src="YEWG12%20Small.jpg" width="200" height="299"></td>
<td height="160" width="185"><img src="YEWG13%20Small.jpg" width="200" height="288"></td>
<td height="160" width="185"><img src="YEWG14%20Small.jpg" width="200" height="296"></td>
<td height="160" width="185"><img src="YEWG15%20Small.jpg" width="200" height="330"></td>
<td height="160" width="185"><img src="YEWG16%20Small.jpg" width="200" height="206"></td>
<td height="160" width="185"><img src="YEWG17%20Small.jpg" width="200" height="200"></td>
<td height="160" width="185"><img src="YEWG18%20Small.jpg" width="200" height="208"></td>
<td height="160" width="185"><img src="YEWG19%20Small.jpg" width="200" height="191"></td>
<td height="160" width="185"><img src="YEWG20%20Small.jpg" width="200" height="199"></td>
<td height="160" width="185"><img src="YEWG21%20Small.jpg" width="200" height="188"></td>
<td height="160" width="185"><img src="YEWG22%20Small.jpg" width="200" height="239"></td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
</tr>
</table>
</body>
</html>

**abusby** · 07-04-2001, 10:23 PM

Sorry... the link didn't work because that period got slipped in at the end... it is: http://www.n-toon.com/pics.htm

Yes, esentially all of the enlarged pictures are in a database, and the pics.asp?pic is calling them from the database and putting them where I want to put them. This process defintley requires a database of some kind... if you're not up for a db solution this probably isn't the solution for you.

Originally posted by StinkyFatPig
ok i am getting somewere
btw the link doesnt work

But i am not too swift on asp, nor javascript for that matter

ok i have made some progress i think but its still not working. So i do have to make one html page for it but what should i use as the name of it
My only quess was the "pic.asp?pic" But does that owrk

thanks alot
heres the code that i now have(its super sloppy cause i just ctrl c ctrl v'ed it)

<html>
<head>
<title>N-TOON >> PHOTOS</title>
<link rel="STYLESHEET" type="text/css" href="ntoon.css">
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body BGCOLOR="#2D0BA2" TEXT="#000000" LINK="#0000FF" VLINK="#800080" alink="#0000FF" leftmargin=0 topmargin=0 marginheight=0 marginwidth=0 bgproperties="FIXED" background="graphics/bg_pics.gif">

<div align="center">
<a href="pic.asp?pic=YEWG06 Large" target="_top"><img src="YEWG06 Large.jpg" border="0" height="132" width="100" alt=""></a>
<br><br>

<tr>
<td height="160" width="215"><a href="javascript:showimage('YEWG06 Large.jpg')"><img src="YEWG06 Small.jpg"></a></td>
<td height="160" width="183"><img src="YEWG08%20Small.jpg" width="200" height="300"></td>
<td height="160" width="198"><img src="YEWG09%20Small.jpg" width="200" height="363"></td>
<td height="160" width="185"><img src="YEWG11%20Small.jpg" width="200" height="218"></td>
<td height="160" width="185"><img src="YEWG12%20Small.jpg" width="200" height="299"></td>
<td height="160" width="185"><img src="YEWG13%20Small.jpg" width="200" height="288"></td>
<td height="160" width="185"><img src="YEWG14%20Small.jpg" width="200" height="296"></td>
<td height="160" width="185"><img src="YEWG15%20Small.jpg" width="200" height="330"></td>
<td height="160" width="185"><img src="YEWG16%20Small.jpg" width="200" height="206"></td>
<td height="160" width="185"><img src="YEWG17%20Small.jpg" width="200" height="200"></td>
<td height="160" width="185"><img src="YEWG18%20Small.jpg" width="200" height="208"></td>
<td height="160" width="185"><img src="YEWG19%20Small.jpg" width="200" height="191"></td>
<td height="160" width="185"><img src="YEWG20%20Small.jpg" width="200" height="199"></td>
<td height="160" width="185"><img src="YEWG21%20Small.jpg" width="200" height="188"></td>
<td height="160" width="185"><img src="YEWG22%20Small.jpg" width="200" height="239"></td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
<td height="160" width="185"> </td>
</tr>
</table>
</body>
</html>

**StinkyFatPig** · 07-04-2001, 10:25 PM

ohhh right

what was I thinking
of course it needs a data base
I guess i am just not thinking

alright well back to my original question

with the java stuff

thanks alot though

**edeveloper** · 07-04-2001, 10:56 PM

hey,
won't this do it?

<HTML>
<HEAD>
<script language="javascript">
function showImg(image){
var newWin = window.open(image,'image','width=300,height=400,to olbar=0,location=0,menubar=0,scrollbars=0,resize=0 ');
}
</script>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<a href="javascript:showImg('yerPitcher.gif')"><img src="thumb1.gif" border="0"></a>
<P> </P>
<a href="javascript:showImg('notherPitcher.gif')"><im g src="thumb2.gif" border="0"></a>
</BODY>
</HTML>

**StinkyFatPig** · 07-05-2001, 04:42 PM

you are my savoir

that was really simple
i knew there was a simple answer
and it seemed that everyone that took a look at it i think thought about it alittle to hard

Thanks again soo much

2 weeks of f-ing around are finaly complet

Thread: If you can figure this out you will be my Savior!!

Thread Tools

Display

Posting Permissions