Javascript - Floating image over thumbnail gallery

Hi!

I've been searching around the web for a way to display images from a gallery in the same window as the thumbnail gallery (in front of the thumbnails).
The thumbnail gallery should be visible (faint) underneath the image.
The "pop-up window" holding the image should also have buttons for next image, previous image and close.

I've seen this effect becoming popular on the web but haven't seen any tutorials anywhere...

Can this be done with PHP or Javascript?
Could it be solved using CSS?

/clueless

This would require a Javascript and CSS solution. Many people use a framework, such as huddletogether.com/projects/lightbox2/. There are various frameworks with different functionalities; prototype, mootools, script.aculo.us, etc.

You can of course write this script yourself. If you make a start on it and show that you have put some effort in, I will be happy to help you complete it if you get stuck.

Thanks!

I was afraid of that, Javascript is not my strong suit and I really like doing things on my own. :-P
Lightbox2 is pretty much exactly what I want to do (myself).

I'll see what I can come up with. At least now I know where to begin. Thanks again.

/Erik

PS. If there are any tutorials out there doing something similar, I am very interested.

When it comes down to it, the basics of lightbox are very simple. The script is large and complex however because it uses other frameworks and is designed to be very flexible. You on the other hand only need your script to perform a specific role.

I would recommend looking at lightbox's source code for some insight, then consider what it is you are trying to accomplish: Hide an object, display it under certain conditions and have a transitional effect.

Hide and show is easy; that is CSS. Motion and animation are slightly more complex. I can't create a signature on these forums yet(not a high enough post count), so follow this link(forums.devshed.com/member.php?u=31604) to our sister site and check out some of the links in my signature there.