|
View Full Version : Thumbnails? Myst13 07-09-2005, 12:49 AM I need some Help here.. Okay you see I making Uncoded layouts and stuff.. But I have to paste the Layout I made onto my site. But I don't want it it's regular size until Someone click on it. I want like a Thumbnail so I can post alot on one page. Could anyone please help me with this? Here is my website below... I'm still working on it. http://www.freewebs.com/rhapsodyawards/ kittycat 07-09-2005, 01:16 AM <img src="image.gif" width="100" height="100"> That will resize the image to the dimensions you want, but it's still loading the whole image. You can also resize the layouts in a graphics program to the dimensions you want, and include those. That way, the page will load faster if there's lots of images. Myst13 07-09-2005, 01:20 AM Thanks alot! Myst13 07-09-2005, 01:30 AM Okay I feel stupid, So do I put the Image name where it says <img src="image.gif" ?? Skipperkirk 07-09-2005, 01:41 AM yes, change the "image" to the name of the image, and the .gif to the type of image it is :) like.jpg .bmp etc... Myst13 07-09-2005, 01:48 AM Ok Thanks! :) Oh also I wanted it to where I can have like a little link under it to where I can click it to make it bigger. To it's normal Size. Which is 800x600. Can this happen? http://www.freewebs.com/rhapsodyawards/Layouts.htm Thats the Link to the layout page. And the Images aren't showing up. Myst13 07-09-2005, 01:53 AM Oh also I wanted it to where I can have like a little link under it to where I can click it to make it bigger. To it's normal Size. Which is 800x600. Can this happen? Myst13 07-09-2005, 01:55 AM http://www.freewebs.com/rhapsodyawards/Layouts.htm Thats the Link to the layout page. And the Images aren't showing up. Skipperkirk 07-09-2005, 02:36 AM umm, try not using spaces in the names of the images...and are you sure you have the right name for them? Myst13 07-09-2005, 02:42 AM Yes, This is what I have down... <p class="head">Punk</p> <ol> <p><img src="PunkLayout.jpg" width="100" height="100"></p> </ol> <p class="head">Carrie Underwood</p> <ol> <p><img src="CarrieLayout.bmp" width="100" height="100"> </ol> Skipperkirk 07-09-2005, 02:45 AM both those pages dont work when i try to go to them...mabe you should upload the images using photobucket.com or tinypic.com Myst13 07-09-2005, 02:48 AM What pages? Skipperkirk 07-09-2005, 02:49 AM i mean images...i put http://www.freewebs.com/rhapsodyawards/CarrieLayout.bmp in a new window and it came up at not found...do you have the images in a folder maybe? Myst13 07-09-2005, 02:51 AM Yes I do. Here is the entire Code Below.. It may be useless But I don't know. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>The End of A Dream {Version 2}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table width=780 border=0 cellpadding=0 cellspacing=0 align="center" style="background:url('Image%20Folder/bg.jpg');"> <tr> <td colspan=2> <img alt="" src="Image%20Folder/image_01.jpg" width=195 height=179 border=0 usemap="#image_01_Map"></td> <td colspan=3> <img alt="" src="Image%20Folder/image_02.jpg" width=195 height=179></td> <td> <img alt="" src="Image%20Folder/image_03.jpg" width=195 height=179></td> <td colspan=2> <img alt="" src="Image%20Folder/image_04.jpg" width=195 height=179></td> </tr> <tr> <td colspan=2> <img alt="" src="Image%20Folder/image_05.jpg" width=195 height=179></td> <td colspan=3> <img alt="" src="Image%20Folder/image_06.jpg" width=195 height=179></td> <td> <img alt="" src="Image%20Folder/image_07.jpg" width=195 height=179></td> <td colspan=2> <img alt="" src="Image%20Folder/image_08.jpg" width=195 height=179></td> </tr> <tr> <td valign="top"> <img alt="" src="Image%20Folder/image_09.jpg" width=82 height=237></td> <td colspan=2 valign="top" style="background:url('Image%20Folder/image_10.jpg') no-repeat;" width=191> <!--START OF NAVIGATION--> <p class="head">411</p> Name: Kayla<br> Age: 13<br> Birthday: March6<br> Email: peachez13@hotmail.com<br> Website:Your Looking at it.<br> Hobbies: Danicing, Web Design, Hanging out with friends, Talking on the phone.<br> <p class="head">Website</p> <a href="index.html">Home</a><br> <a href="index.html">Layouts</a><br> <a href="index.html">Affliates</a><br> <a href="index.html">Credit</a><br> <a href="index.html">Entertainment</a><br> <p class="head">Other</p> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <p class="head">Credits</p> <a href="http://aethereality.net">Aethereality.net</a><br> <a href="http://indexstock.com/">Index Stock.com</a><br> <a href="http://hybrid-genesis.com">Hybrid-Genesis.com</a><br> <!--END OF NAVIGATION // DO NOT EDIT ANYTHING BELOW--> </td> <td valign="top"> <img alt="" src="Image%20Folder/image_11.jpg" width=19 height=237></td> <td colspan=3 width=413 valign="top" style="background:url('Image%20Folder/image_12.jpg') no-repeat;"> <!--START OF CONTENT--> <p class="head">Uncoded Layouts</p> <img alt="" src="Image%20Folder/avatar.jpg" width="100" height="100" border="0" align="left"> <p>July 08<sup>Fri.</sup> 2005</p> <p>These are some Of my Uncoded layouts I've Made so Far. Yes I know they are soo Horrible. But Hey I've Got to practice hehe.</p> <p class="head">Punk</p> <ol> <p><img src="PunkLayout.jpg" width="100" height="100"></p> </ol> <p class="head">Carrie Underwood</p> <ol> <p><img src="CarrieLayout.bmp" width="100" height="100"> </ol> </ol> <!--END OF CONTENT--> </td> <td valign="top"> <img alt="" src="Image%20Folder/image_13.jpg" width=75 height=237></td> </tr> <tr> <td> <img alt="" src="Image%20Folder/spacer.gif" width=82 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=113 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=78 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=19 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=98 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=195 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=120 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=75 height=1></td> </tr> <tr> <td colspan=8> <img alt="" src="Image%20Folder/image_14.jpg" width=780 height=5></td> </tr> </table> <map name="image_01_Map"> <area shape="rect" alt="Designed by Aethereality.net" coords="2,1,10,161" href="http://aethereality.net" target="_blank"> </map> </body> </html> Myst13 07-09-2005, 02:51 AM <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>The End of A Dream {Version 2}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table width=780 border=0 cellpadding=0 cellspacing=0 align="center" style="background:url('Image%20Folder/bg.jpg');"> <tr> <td colspan=2> <img alt="" src="Image%20Folder/image_01.jpg" width=195 height=179 border=0 usemap="#image_01_Map"></td> <td colspan=3> <img alt="" src="Image%20Folder/image_02.jpg" width=195 height=179></td> <td> <img alt="" src="Image%20Folder/image_03.jpg" width=195 height=179></td> <td colspan=2> <img alt="" src="Image%20Folder/image_04.jpg" width=195 height=179></td> </tr> <tr> <td colspan=2> <img alt="" src="Image%20Folder/image_05.jpg" width=195 height=179></td> <td colspan=3> <img alt="" src="Image%20Folder/image_06.jpg" width=195 height=179></td> <td> <img alt="" src="Image%20Folder/image_07.jpg" width=195 height=179></td> <td colspan=2> <img alt="" src="Image%20Folder/image_08.jpg" width=195 height=179></td> </tr> <tr> <td valign="top"> <img alt="" src="Image%20Folder/image_09.jpg" width=82 height=237></td> <td colspan=2 valign="top" style="background:url('Image%20Folder/image_10.jpg') no-repeat;" width=191> <!--START OF NAVIGATION--> <p class="head">411</p> Name: Kayla<br> Age: 13<br> Birthday: March6<br> Email: peachez13@hotmail.com<br> Website:Your Looking at it.<br> Hobbies: Danicing, Web Design, Hanging out with friends, Talking on the phone.<br> <p class="head">Website</p> <a href="index.html">Home</a><br> <a href="index.html">Layouts</a><br> <a href="index.html">Affliates</a><br> <a href="index.html">Credit</a><br> <a href="index.html">Entertainment</a><br> <p class="head">Other</p> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <a href="index.html">Link Here</a><br> <p class="head">Credits</p> <a href="http://aethereality.net">Aethereality.net</a><br> <a href="http://indexstock.com/">Index Stock.com</a><br> <a href="http://hybrid-genesis.com">Hybrid-Genesis.com</a><br> <!--END OF NAVIGATION // DO NOT EDIT ANYTHING BELOW--> </td> <td valign="top"> <img alt="" src="Image%20Folder/image_11.jpg" width=19 height=237></td> <td colspan=3 width=413 valign="top" style="background:url('Image%20Folder/image_12.jpg') no-repeat;"> <!--START OF CONTENT--> <p class="head">Uncoded Layouts</p> <img alt="" src="Image%20Folder/avatar.jpg" width="100" height="100" border="0" align="left"> <p>July 08<sup>Fri.</sup> 2005</p> <p>These are some Of my Uncoded layouts I've Made so Far. Yes I know they are soo Horrible. But Hey I've Got to practice hehe.</p> <p class="head">Punk</p> <ol> <p><img src="PunkLayout.jpg" width="100" height="100"></p> </ol> <p class="head">Carrie Underwood</p> <ol> <p><img src="CarrieLayout.bmp" width="100" height="100"> </ol> </ol> <!--END OF CONTENT--> </td> <td valign="top"> <img alt="" src="Image%20Folder/image_13.jpg" width=75 height=237></td> </tr> <tr> <td> <img alt="" src="Image%20Folder/spacer.gif" width=82 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=113 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=78 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=19 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=98 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=195 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=120 height=1></td> <td> <img alt="" src="Image%20Folder/spacer.gif" width=75 height=1></td> </tr> <tr> <td colspan=8> <img alt="" src="Image%20Folder/image_14.jpg" width=780 height=5></td> </tr> </table> <map name="image_01_Map"> <area shape="rect" alt="Designed by Aethereality.net" coords="2,1,10,161" href="http://aethereality.net" target="_blank"> </map> </body> </html> Skipperkirk 07-09-2005, 02:54 AM ok so you do have them in a folder...then use the whole url for them... http://www.freewebs.com/rhapsodyawards/Image%20Folder/IMAGENAMEHERE.GIF Skipperkirk 07-09-2005, 03:04 AM ok, it works now..you might want to make another image for the thumbnail...those take too long to load... :) Myst13 07-09-2005, 03:05 AM I changed it. I didn't do what you said But It's working now..at least a little bit. My second one is still loading slowly. And I still want it to where I can click a link below it to make it it's original size. Is that possible? Oh and here is what I changed... <p class="head">Punk</p> <ol> <p><img src="http://www.freewebs.com/rhapsodyawards/Image Folder/Punk Layout.jpg" width="100" height="100"></p> </ol> <p class="head">Carrie Underwood</p> <ol> <p><img src="http://www.freewebs.com/rhapsodyawards/Image Folder/Carrie Layout.bmp" width="100" height="100"> </ol> Myst13 07-09-2005, 03:11 AM I think I may know how to do it, Hold on. Myst13 07-09-2005, 03:14 AM I figured it out. Thanks so much for all your Help SkipperKirk! :) Skipperkirk 07-09-2005, 03:18 AM umm, here is a link for it to pop up in a new window: <a href="PAGE.htm_or_PICTURE.GIF" target="_blank">LINK NAME</a> or if you want it so you click on the picture use this: <a href="PAGE.htm_or_PICTURE.GIF" target="_blank"><img src="http://www.freewebs.com/rhapsodyawards/Image Folder/Carrie Layout.bmp" width="100" height="100"> </a> and yes, the image are loading slow becasue you used the big image fot the little one...its best to make a smaller image for thr thumbnails :) Myst13 07-09-2005, 05:42 AM Thanks! |