Log in

View Full Version : Image Gallery Improvement



srjrol
02-07-2007, 04:38 PM
CSS In question:
CSS Gallery (http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/)

Basically I want to take it one step further by allowing more than rich HTML for the caption. I would like to include links for example. The problem then becomes the hover only effect the gallery currently has.

Is there a way to set this up so the "last clicked" item stays visible until another is hovered or clicked?

srjrol
02-07-2007, 11:07 PM
I just figured this out.

The above can be achieved by adding the following to the existing css


.thumbnail:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: 170px;
left: 545px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


This makes it so when the click on an image it stays visible until another is clicked, and it is temporarily overridden if you hover over other images in the gallery.

Try it out!

srjrol
02-07-2007, 11:23 PM
This does not work in IE as far as I know, so any help there would be much appreciated.