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

Thumbnail of the first jquery lightbox video is overwritten by thumbnail of the secong gallery

Aug 09, 2012

Q: I love the idea your product and I am interested in buying the business version but there are some really strange problems with it. The problem I am getting with Video Lightbox is that for some strange reason even though I make two separate files for videos, for example file 1 is "media" and file 2 is "personal". When the videos are sent to my site via Video Lightbox the thumbnails for some strange reason are the same on both pages although the actual videos are different. The thumbnails should not be the same on both pages every thumbnail should be different.
Can you please help me with this problem?

A: I suppose that you published two galleries into the same folder on your server, so they rewrite each other.
Try to use separate folders, for example "media" and "personal":
media_videolb/
personal_videolb/
media.html
personal.html

Notice that you should also change paths on your media and personal html pages, for
example for media.html:

...
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="media_videolb/videolightbox.css" type="text/css" />		
<link rel="stylesheet" type="text/css" href="media_videolb/overlay-minimal.css"/>
<script src="media_videolb/jquery.js" type="text/javascript"></script>
<script src="media_videolb/swfobject.js" type="text/javascript"></script>
 <!-- End VideoLightBox.com HEAD section -->
...
<!-- Start VideoLightBox.com BODY section -->
<div id="videogallery">
<a rel="#voverlay" href="http://www.youtube.com/v/WfautZL2yKc?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer"
title="How to create VisualLightBox image gallery in a few clicks">

<img src="media_videolb/thumbnails/0.png" alt="How to create VisualLightBox image gallery in a few clicks" /><span></span>

</a>
<a id="videolb" href="http://videolightbox.com">Lightbox to Flash by VideoLightBox.com v2.1</a>
</div>
<!-- End VideoLightBox.com BODY section -->
...

Related