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

Can I use thickbox video and VisualLightBox on the same page?

Nov 16, 2012

Q: Dear Team!I have Visual LightBox and Video LightBox. (Full version of both)If you use both programs on one side, then Visual Works, LightBox no longer true (thumbnails there are, but when you click one goes NEW page on with an image), that is no more zooming. Is there a way to make the work?

A: To install VisualLight Box and VideoLightBox galleries on the same page, you should:

- set Video LightBox HEAD section before VisualLightBox HEAD section;
- remove the following line from VisualLightBox HEAD section:

<script src="engine/js/jquery.min.js" type="text/javascript"></script>



So you'll have:

<head>
         ...
                <!-- Start VideoLightBox.com HEAD section -->
                <link rel="stylesheet" href="video/engine/css/videolightbox.css" type="text/css" />
                <style type="text/css">#videogallery a#videolb{display:none}</style>
                <link rel="stylesheet" type="text/css" href="video/engine/css/overlay-minimal.css"/>
                <script src="video/engine/js/jquery.tools.min.js" type="text/javascript"></script>
                <script src="video/engine/js/swfobject.js" type="text/javascript"></script>
                <!-- make all links with the 'rel' attribute open overlays -->
                <script src="video/engine/js/videolightbox.js" type="text/javascript"></script>
                <!-- End VideoLightBox.com HEAD section -->
                
                <!-- Start VisualLightBox.com HEAD section -->
                <link rel="stylesheet" href="visual/engine/css/vlightbox2.css" type="text/css" />
                <link rel="stylesheet" href="visual/engine/css/visuallightbox.css" type="text/css" media="screen" />
        
                <script src="visual/engine/js/visuallightbox.js" type="text/javascript"></script>
                <script src="visual/engine/js/vlbdata.js" type="text/javascript"></script>
                <!-- End VisualLightBox.com HEAD section -->
          ...
    </head>

Related