CSS alternatives to Javascript light boxes

Cross-web compatibility issue

[Onesimus]

I have just created my own website to show my photography. I started using LightWindow2 (javascript light box) to allow viewers to click on thumbnails to show a larger image in a separate Window. As my computer is a Mac, Lightwindow2 works on all Mac browswers (and Windows equivalents such as Safari and Firefox) - but not on IE! (There is no IE for Mac)

I am after a CSS solution which will allow me to display my thumbnail images on the left side of the page and show the enlarged image on the right side of the same page when a thumbnail is clicked. The image should display at the very same position on the screen (and all images are the same size).

Any help is appreciated!

Onesimus

[ogletree]

All you have to do is ask that question in google and there are a bunch of results with the answer. At least make an effort to find it yourself before you ask.

"css only lightbox"

[swa66]

when a thumbnail is clicked

There is no pure CSS way to react on "when clicked": that's the domain of e.g. javascript.
CSS' only dynamic feature is reacting to hovering over an element, and if hovering is enough, it's easy to do in CSS and there are literally hundreds of examples out there.