Image lightning effects on mouse roll-over Image lightning effects on mouse roll-over
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Image lightning effects on mouse roll-over

Started by ainarade, May 22, 2010, 12:33:52 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

ainarade

Helo, to everyone. I've been looking around the pluggins and having a look in the forum but I didn't find what I'm looking for. I've seen that in so many photo galleries, the pictures have got like lightning effects, they are dark and with the mouse roll-over, the light is normal, I mean, the true color of the image appears. like in this Photogallery: http://emilyweb.org/pictures/index.php.
Well, I don't knwo if you undertsand what I'm saying, I'm trying my best. So, my question is if there is an specific pluggin for that light-effect or it's just a code.
This is my photogallery: http://www.ainara-de.org/photogallery/index.php and this is my website: http://www.ainara-de.org/home.php
thank you so much.

onthepike

I don't believe that's javascript. It's part of the users personal theme and it's contained within that theme's CSS file:

http://emilyweb.org/pictures/themes/emilyweb/style.css

Example:

a img {
border: 1px solid #2fa9bf;
       background-color:#d9e8eb;
padding: 6px;
       margin: 2px;
-moz-border-radius:  10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       filter: alpha(opacity=70);
       -moz-opacity : 0.7; opacity : 0.7 ;

}
a img:hover {
border: 1px solid #2fa9bf;
background-color: #99d4e0;
padding: 6px;
margin: 2px;
-moz-border-radius:  10px;
-webkit-border-radius: 10px;
border-radius: 10px;
       filter: alpha(opacity=900);
       -moz-opacity : 0.9; opacity : 0.9 ;
}



Regarding your gallery: <!--Coppermine Photo Gallery 1.4.24 (stable)-->

You should update to the latest current stable release (1.4.26)

Joachim Müller

As onthepike suggested that's straightforward CSS and no JavaScript.

ainarade

Thank you so much!!! It did work, so well. Thank you for letting me know it was the image code in the style.css sheet....thank you so much, really!!!