Gallery2 Image Highlight

To modify your Gallery2 theme to effect a mouseover indicator to all images that have anchors or hyperlinks, you need to insert a few lines into your theme CSS file.  This is for the Matrix theme and may apply to others.

This code sets all images with anchors to a 90% opacity. When the mouse hovers over an image the image filter is removed and it shows fully opague. This effect has been disabled for Gallery2 photo frames which uses class gsImageView.

theme.css

#gallery a img {filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;}
#gallery a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
#gsImageView a img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}


For a similar effect when using Gallery2 images in WordPress with the WPG2 plugin, the wpg2.css file will require the following lines:

wpg2.css

.wpg2sidebarblock-image a img {filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;}
.wpg2sidebarblock-image a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
.wpg2tag-image a img {filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9;}
.wpg2tag-image a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}