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

Is it possible to use different vimeo video gallery on the same page?

Nov 19, 2012

Q: I have downloaded a trail to use prior to buying. I installed and tried to upload two videos. I could not see a way to get to work directly in Xsite Pro, so I created the video gallery via the editor and linked into the html page made from Xsite Pro. On my preview, the videos played But I got two info headers on page.

When I pushed live, I still had two info headers and no video playing.....

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