English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

Would like the over image is reduced brightness, but the off image is full brightness in jquery video player

Dec 16, 2011

Q: On a videolightbox I see that the preview image is reduced about 10-15% until one mouses over the image. Them it goes to full color to indicate that it is ready to run. Like a mouse over.
I would like to reverse that so that the over image is reduced, but the off image is full bightness. Where would I find that in the JS, and which JS?

A: You should find the following code in engine/css/videolightbox.css
file:

#videogallery a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:3px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:0.87;
}



and

#videogallery a:hover{
        opacity:1;
}



Interchange values for opacity parameters, so you'll have:

#videogallery a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:3px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:1;
}



and

#videogallery a:hover{
        opacity:0.87;
}

Related