help?

[dystophia]

I'm quite new to HTML, learning everything from scratch by myself.
To cut to the chase, this is what I want

http://img.photobucket.com/albums/v157/tourniquet2/Untitled-1copy.jpg

The small images are obviously thumbs, and as I click them I want the real image to appear beside.
Any suggestions on how to code it? Pretty please, as soon as possible :) :) :)

[WebJoel]

Go to:

http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

[jalarie]

How about something like this:

<img src="thumb1" onclick="document.images['main'].src='full1.gif';">
<img src="thumb2" onclick="document.images['main'].src='full2.gif';">
<img src="thumb3" onclick="document.images['main'].src='full3.gif';">

[dystophia]

I can't make it work. Atleast not in the program I'm using, Evrsoft First Page 06. Would you please explain ="document.images['main']. ? :/

[jalarie]

The example that you gave was an image, so I was not able to see the source code which created the page. Because of that, I had to make up a name for the main image. Use:

<img src="full1.gif" name="main" id="main">