Gallery - basic coding help [+REP]

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?

javascript:

Code:

---

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

---

Put this where you want the image to be displayed

HTML Code:

---

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

---

The image links should be changed to

HTML Code:

---

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

---

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

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

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

ooh thanksss

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

View the source for the code.

Sry Mate, I Dunno :S

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

Quote:

---

Originally Posted by Holofoil

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.