Coding Help! - GoFuckYourself.com

Chache · 05-17-2004, 08:42 AM

Hi,

I am looking for a way to have thumbnails on a page and when they are clicked it displays a larger image underneath the row of thumbnails. So basically, the surfer does not need to leave the page to view a bigger version of the picture. If you guys buy stuff on Ebay, it is used there a lot when they show pictures of the item. Can someone direct me to a site or script that shows how to do this.

Thanks

Chache · 05-17-2004, 08:46 AM

bump-help please

arial · 05-17-2004, 08:52 AM

ICQ me... 124127828

cluck · 05-17-2004, 08:54 AM

I guess you'd just have to do <img name=whatever> then the script would be like <a href="hahahahahahahahahaha:whatever.src='theimage. jpg';>

Coyote · 05-17-2004, 09:35 AM

There are a number of ways to accomplish this depending on how you want the box model to behave. That is, do you want the page content to re-flow or remain fixed. Assuming the later, you will need an initial image to occupy the target area where you want the other pictures to be displayed. You can then write a function to replace the source attribute of the target image tag (imgName) with the selected full-size image path (imgPath).

// assuming no pre-load functions ran
function changeImage(imgName,imgPath) ( <-- should be left 'open' brace
document.images[imgName].src = imgPath;
}

If you do have pre-load functions, then change imgPath to use the src attribute of the image you want to use.

Also, you need to make sure that your target image dimensions are the same for all the images to prevent resizing, unless you enclose the target area within a fixed-size div tag, or change the target image height/width style attributes as well. Note that the later may cause the page to re-flow the content.

Just my

05-17-2004, 08:42 AM	#1
Chache Registered User Join Date: Jul 2003 Posts: 95	Coding Help! Hi, I am looking for a way to have thumbnails on a page and when they are clicked it displays a larger image underneath the row of thumbnails. So basically, the surfer does not need to leave the page to view a bigger version of the picture. If you guys buy stuff on Ebay, it is used there a lot when they show pictures of the item. Can someone direct me to a site or script that shows how to do this. Thanks

05-17-2004, 08:54 AM	#4
cluck Confirmed User Join Date: Dec 2002 Location: New Jersey Posts: 5,248	I guess you'd just have to do <img name=whatever> then the script would be like <a href="hahahahahahahahahaha:whatever.src='theimage. jpg';> __________________ icq 279990726 www.mcdonalds.com <- great money making opportunity

05-17-2004, 08:46 AM	#2
Chache Registered User Join Date: Jul 2003 Posts: 95	bump-help please

05-17-2004, 08:52 AM	#3
arial Confirmed User Join Date: Jul 2002 Location: Bay Area Posts: 4,012	ICQ me... 124127828

05-17-2004, 09:35 AM	#5
Coyote Drinker of Scotch Industry Role: Join Date: May 2003 Location: Texas Posts: 242	There are a number of ways to accomplish this depending on how you want the box model to behave. That is, do you want the page content to re-flow or remain fixed. Assuming the later, you will need an initial image to occupy the target area where you want the other pictures to be displayed. You can then write a function to replace the source attribute of the target image tag (imgName) with the selected full-size image path (imgPath). // assuming no pre-load functions ran function changeImage(imgName,imgPath) ( <-- should be left 'open' brace document.images[imgName].src = imgPath; } If you do have pre-load functions, then change imgPath to use the src attribute of the image you want to use. Also, you need to make sure that your target image dimensions are the same for all the images to prevent resizing, unless you enclose the target area within a fixed-size div tag, or change the target image height/width style attributes as well. Note that the later may cause the page to re-flow the content. Just my