Flipping through images in one html page

Hi all.

I have a thumbnailed gallery that looks like this:


When you click one of the thumbnails, a new window opens up that looks like this:


What I want to do is make it so that when you click either the left or right arrows, the image changes, but the actual html file does not. Keep in mind though, that if I were to click thumbnail 5 for example, I would need the new window to open displaying image 5. Normally I would just link to image5.html, but I want all of this to happen in one html so that I do not have to make a new page each time I add a photo.

I would need each thumbnail to open the same html page, but a different image within it.

Thanks in advance for any ideas.

 

That could be done using iframe right ?

 

yeah an iframe could work - but you would still need a seperate page for each image so that kinda defeats the purpose

could be done in flash very easily if you wanted to go down that route.

or else im thinking the only other way is javascript, php or some other server script.....

regardless i dont think it would be very difficult, but i would only know the exact coding needed to do it in flash...someone else should be able to help you with the other methods

 

Thanks for your responses.

What exactly is an iframe? I don't mind making a page for each image so long as I don't have to code the left and right buttons each time .I used to do it this way, every time I'd make a new page I'd have to link the left arrow to the previous html, the right arrow back to 1, and then code the left arrow on 1 to the new html, and the right arrow on the previous last image to the new last image. If you had trouble reading that, image how much trouble I had coding it.

I'd definitely like to avoid flash...

 

an good alternative might be something like this

http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm

read through that and see if you can implement it into your site - it seems to be what you want

 

I like this, but how can I link to specific images from thumbnails that are in another window?

Also, it doesn't look like the images can be different dimensions with this one (ie. portraits and landscapes).

 

Your best bet would probably be Javascript. You could create an onclick function to handle the image source on the image once a button is clicked.

 

You could try this tool from Jalbum I use it one one of my sites and it works great.

You can customize it to suit your pages if you wish.

And its FREE