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

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;
}

Recent Questions »

Related

See More