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

The best way to make multiple embed youtube video galleries on my site

Nov 18, 2011

Q: I love embed youtube video. However, I have been unable to figure out the best way
to make multiple galleries on my site.

I want to put videos on my product pages. The product pages are in the main
directory of the site. How do i add Galleries without getting everything
mixed up?

If i make a new gallery it overwrites the engine and data folders that are
existing.

Your input would be most appreciated!

A: You can use different video galleries on different pages.
You should save each gallery in its own directory, for example:

gal1/
gal2/
gal3/
gallery1.html
gallery2.html
gallery3.html

But notice that you should manually add 'gal1/' prefix before each path on your html page
(in <keyw id=0/> gallery):

<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="gal1/engine/css/videolightbox.css" type="text/css" />
<style type="text/css">#videogallery a#videolb{display:none}</style>
<link rel="stylesheet" type="text/css" href="gal1/engine/css/overlay-minimal.css"/>
<script src="gal1/engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="gal1/engine/js/swfobject.js" type="text/javascript"></script>
<!-- make all links with the 'rel' attribute open overlays -->
<script src="gal1/engine/js/videolightbox.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="gal1/data/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 v1.11</a>
</div>
<!-- End VideoLightBox.com BODY section -->

Related