can anybody tell how to make a thumnail of a picture<br />
and when you click on the thumbnail it open the picture in full size in a new window<br />
<br />
<br />
thanks for all your help, whoever answers my post<!--content-->they way that Ive always made thumbnails is by resizing the originals in adobe image ready and optimizing them...<br />
<br />
Then obviously saving the optimized/resize image.<br />
<br />
but,,, there is also a way that doesnt involve editing the original image... try this tag<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"home.html" target="_blank"><img src="home.gif" width="50" height="50" border="0" /></a><br />
<br />
Where "home.html" is the new window you want to open<br />
and "home.gif" is the image...<br />
then just set the height and width of your image to your desired thumbnail size...(the height and width must be exactly proportional or it will be all stretched)<!--content-->how would i make it so that if i click on a link instead of the picture, and a new window pops up?<br />
<br />
<br />
thanks again for all your help<!--content--><a href=http://www.htmlforums.com/archive/index.php/"home.html" target="_blank">click here</a><!--content-->I use this: (I think I got it from this forum)<br />
In the head-tag:<br />
<SCRIPT LANGUAGE="Javascript"><!--<br />
function openWindow(imageName,imageWidth,imageHeight,alt) {<br />
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight);<br />
newWindow.document.open();<br />
newWindow.document.write('<HTML><TITLE>'+alt+'</TITLE><BODY bgcolor="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" onBlur="self.close()">'); <br />
newWindow.document.write('<IMG SRC='http://www.htmlforums.com/archive/index.php/+imageName+' WIDTH='+imageWidth+' HEIGHT='+imageHeight+' ALT='+alt+'>'); <br />
newWindow.document.write('</BODY></HTML>');<br />
newWindow.document.close();<br />
newWindow.focus();} <br />
//--></SCRIPT><br />
And in the body:<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"#" onClick="openWindow('yourimage.gif','160','160','yourtext')"><img src=http://www.htmlforums.com/archive/index.php/"yourimage.gif" width="80" height="80" alt="yourtext"></a><!--content-->how would i set the size of the window to pop up?<!--content--><A HREF=http://www.htmlforums.com/archive/index.php/"#" onClick="openWindow('yourimage.gif','160','160','yourtext')"><img src=http://www.htmlforums.com/archive/index.php/"yourimage.gif" width="80" height="80" alt="yourtext"></a><br />
'160','160' controls the size of the window that pops up. <br />
width="80" height="80" is the size of the thumbnail on your site..
<!--content-->i should of told you guys about something!<br />
on my page that i'm trying to make pop ups, i have seven links that i what to have pop ups connected to the links such as:<br />
<br />
1) Link #1 i click on it and the window pops up<br />
2) Link #2 i click on it and the window pops up<br />
3) Link #3 i click on it and the window pops up<br />
4) Link #4 i click on it and the window pops up<br />
5) Link #5 i click on it and the window pops up<br />
6) Link #6 i click on it and the window pops up<br />
7) Link #7 i click on it and the window pops up<br />
<br />
all the links are on the same page, the code that i found that seems to work, but for only one page at a time, it will only open the same page for every link,<br />
<br />
----------------head<br />
<br />
<script language="javascript" type="text/javascript"><br />
//<!-- <br />
function popup()<br />
{ window.open ("YourURLgoesHere.html","popup","width=400,height=400,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=1,toolbar=0") }<br />
--><br />
</script><br />
<br />
<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"javascript
opup()"><img src="blah.gif" border=0 width="40" height="40" alt="your image description here"></a><!--content-->
and when you click on the thumbnail it open the picture in full size in a new window<br />
<br />
<br />
thanks for all your help, whoever answers my post<!--content-->they way that Ive always made thumbnails is by resizing the originals in adobe image ready and optimizing them...<br />
<br />
Then obviously saving the optimized/resize image.<br />
<br />
but,,, there is also a way that doesnt involve editing the original image... try this tag<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"home.html" target="_blank"><img src="home.gif" width="50" height="50" border="0" /></a><br />
<br />
Where "home.html" is the new window you want to open<br />
and "home.gif" is the image...<br />
then just set the height and width of your image to your desired thumbnail size...(the height and width must be exactly proportional or it will be all stretched)<!--content-->how would i make it so that if i click on a link instead of the picture, and a new window pops up?<br />
<br />
<br />
thanks again for all your help<!--content--><a href=http://www.htmlforums.com/archive/index.php/"home.html" target="_blank">click here</a><!--content-->I use this: (I think I got it from this forum)<br />
In the head-tag:<br />
<SCRIPT LANGUAGE="Javascript"><!--<br />
function openWindow(imageName,imageWidth,imageHeight,alt) {<br />
newWindow = window.open("","newWindow","width="+imageWidth+",height="+imageHeight);<br />
newWindow.document.open();<br />
newWindow.document.write('<HTML><TITLE>'+alt+'</TITLE><BODY bgcolor="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" onBlur="self.close()">'); <br />
newWindow.document.write('<IMG SRC='http://www.htmlforums.com/archive/index.php/+imageName+' WIDTH='+imageWidth+' HEIGHT='+imageHeight+' ALT='+alt+'>'); <br />
newWindow.document.write('</BODY></HTML>');<br />
newWindow.document.close();<br />
newWindow.focus();} <br />
//--></SCRIPT><br />
And in the body:<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"#" onClick="openWindow('yourimage.gif','160','160','yourtext')"><img src=http://www.htmlforums.com/archive/index.php/"yourimage.gif" width="80" height="80" alt="yourtext"></a><!--content-->how would i set the size of the window to pop up?<!--content--><A HREF=http://www.htmlforums.com/archive/index.php/"#" onClick="openWindow('yourimage.gif','160','160','yourtext')"><img src=http://www.htmlforums.com/archive/index.php/"yourimage.gif" width="80" height="80" alt="yourtext"></a><br />
'160','160' controls the size of the window that pops up. <br />
width="80" height="80" is the size of the thumbnail on your site..
<!--content-->i should of told you guys about something!<br />on my page that i'm trying to make pop ups, i have seven links that i what to have pop ups connected to the links such as:<br />
<br />
1) Link #1 i click on it and the window pops up<br />
2) Link #2 i click on it and the window pops up<br />
3) Link #3 i click on it and the window pops up<br />
4) Link #4 i click on it and the window pops up<br />
5) Link #5 i click on it and the window pops up<br />
6) Link #6 i click on it and the window pops up<br />
7) Link #7 i click on it and the window pops up<br />
<br />
all the links are on the same page, the code that i found that seems to work, but for only one page at a time, it will only open the same page for every link,<br />
<br />
----------------head<br />
<br />
<script language="javascript" type="text/javascript"><br />
//<!-- <br />
function popup()<br />
{ window.open ("YourURLgoesHere.html","popup","width=400,height=400,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=1,toolbar=0") }<br />
--><br />
</script><br />
<br />
<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"javascript
opup()"><img src="blah.gif" border=0 width="40" height="40" alt="your image description here"></a><!--content-->