Gallery - basic coding help [+REP]

[Holofoil]

Hi, I'm just doing a basic online gallery, nothing special. I've got a row of 63x63 images which when I click, open a whole picture in a new window. I want to have the picture come up under this row of 63x63 images instead, and then change when I click the other ones.
I'm guessing it's pretty straightforward?

[Decode]

javascript:


function change(img) {
update = document.GetElementById("image");
update.innerHTML = '<img src="images/'+img+'" />';
}


Put this where you want the image to be displayed

<div class="image"></div>

The image links should be changed to

<a href="#" onclick="change('imagenamehere.png')"><img src="thumbofimage" /></a>

There might be some errors, my javascript isn't the best ;)

[Holofoil]

lol I'm already confused.. What goes in those brackets? Which pic?

[Decode]

I will make a live example for you, give me a few minutes :)

[Holofoil]

ooh thanksss

[Decode]

http://tom743.awardspace.com/demo/

View the source for the code.

[-x--Jessica--x-]

Sry Mate, I Dunno :S

[Holofoil]

Do I have to use the javascript? Im just using html

[Jxhn]

Do I have to use the javascript? Im just using html

You could do it with just html, but it would look quite tacky. The image would open in a new tab in firefox.

If you want nice looking version of this google litebox.