| Author |
need help "nesting" images
|
|
| ditribal 2006-02-12, 6:37 pm |
| i am working on a website now and would like to have thumbnails of images along
the side of a black space where, when you click or rollover a thumbnail, a
larger version shows up. any advice on how to do this?
| |
|
| Javascript is what you want. You'll need a javascript function that looks
something like:
function fn_ShowLarge(large_image) {
document.getElementById('large_img').src = large_image;
}
Then your thumbnail image would have an onmouseover event as this:
<img src="myThumb_1.jpg" onmouseover="fn_ShowLarge('myLargeImg_1')" />
Lastly, you'll need to assign an id to the <img> tag that will hold the large
image.
<img src="" id="large_img" />
Give it a shot. Ask questions if you get stuck.
| |
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |