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

Add multiple flv player embed lightboxes to one page

Nov 18, 2011

Q: I would like to add multiple videoboxes to one page and was wondering how
the flv player embed code works for that.

A: To set up several different galleries on your page you should for the second gallery:

-change id="videogallery", for example to id="videogallery2".
-set the same id in the engine/css/videolightbox.css file:

#videogallery2 {
        width:100%;
        zoom:1;
}
#videogallery2 span{ display:block; }
#videogallery2 a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:0px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:0.87;
}
#videogallery2 a img{
        display:block;
        border:none;
        margin:0;
}
#videogallery2 a:hover{
        text-decoration:underline;
        opacity:1;
}



-set the same id for the engine/js/videolightbox.js. file:

change:

$("#videogallery a[rel]").overlay({)



to:

$("#videogallery2 a[rel]").overlay({




-You should change in the same way in engine/js/videolightbox.js and in
engine/css/overlay-minimal.css files the following paramters: vcontainer, voverlay and
video_overlay, for example to vcontainer2, voverlay2 and video_overlay2.

Related