forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: ainarade on May 22, 2010, 12:33:52 am

Title: Image lightning effects on mouse roll-over
Post by: ainarade on May 22, 2010, 12:33:52 am
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 (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 (http://www.ainara-de.org/photogallery/index.php) and this is my website: http://www.ainara-de.org/home.php (http://www.ainara-de.org/home.php)
thank you so much.
Title: Re: Image lightning effects on mouse roll-over
Post by: onthepike on May 22, 2010, 03:11:48 am
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:

Code: [Select]
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)
Title: Re: Image lightning effects on mouse roll-over
Post by: Joachim Müller on May 22, 2010, 09:27:10 am
As onthepike suggested that's straightforward CSS and no JavaScript.
Title: Re: Image lightning effects on mouse roll-over
Post by: ainarade on May 22, 2010, 01:25:54 pm
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!!!