Forum Moderators: not2easy

Message Too Old, No Replies

CSS alternatives to Javascript light boxes

Cross-web compatibility issue

         

Onesimus

1:26 am on May 27, 2009 (gmt 0)

10+ Year Member



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

10:12 pm on May 31, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



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

10:56 pm on May 31, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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.