Visual LightBox
Adding jquery image zoom and vids galleries to same page
Q: I have used your products (video and visual lightbox) for the past few years and LOVE them.
But I want to clean up how I combine video and photo galleries on the same pages.
I have been placing a frame in the page for the photos, and calling an index gallery
into that frame, then placing the video directly on the page.
But I want to put them both directly on the page.
A: To install VisualLightBox and Video LightBox 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>