Keep having a problem when trying to install jquery zoom gallery on separate pages

Q: I am a new customer, I love your products. I just bought a couple of your
products including the Visual lightbox.

I keep having a problem when trying to install photo galleries on
separate pages. I made photo galleries for this page first.
but it fell apart when I made the second page with a photo gallery.

I tried changing the names of everything and that didn't work.
It seems no matter what I do the CSS for the second one keeps affecting the first
gallery. I read the directions on your site but I must be missing
something. Any help would be great. I am assuming it will work.

A: Try to specify a unique ID for each next gallery.
In that case galleries files won't overwrite each over.

So, for each next gallery you should:

1) Open Gallery->Properties->Publish;
2) Specify unique Id for the gallery: Gallery ID
3) Install gallery in the usual way.

But if you want to use different style (templates) for your galleries,
it would be better to save each gallery in its own directory, for example:

gal1/
gal2/
gal3/
index.html
...

But notice that you should manually add 'gal1/' prefix before each path on your html page
(in html code for lightbox gallery):

<!-- Start VisualLightBox.com HEAD section -->
        <link rel="stylesheet" href=" gal1/engine/css/vlightbox1.css" type="text/css" />
        <link rel="stylesheet" href=" gal1/engine/css/visuallightbox.css" type="text/css" media="screen" />
        <script src=" gal1/engine/js/jquery.min.js" type="text/javascript"></script>
        <script src=" gal1/engine/js/visuallightbox.js" type="text/javascript"></script>
        <script src=" gal1/engine/js/vlbdata.js" type="text/javascript"></script>
        <!-- End VisualLightBox.com HEAD section -->
...
        <!-- Start VisualLightBox.com BODY section id=1 -->
        <div id="vlightbox1">
        <a class="vlightbox1" href=" gal1/data/images1/2.jpg" title="2"><img src=" gal1/data/thumbnails1/2.jpg" alt="2"/></a>
        <a class="vlightbox1" href=" gal1/data/images1/3.jpg" title="3"><img src=" gal1/data/thumbnails1/3.jpg" alt="3"/>
        </a><a class="vlb" style="display:none" href="http://visuallightbox.com">Photo Gallery Creator by VisualLightBox.com v4.3.2</a>
        </div>
        <!-- End VisualLightBox.com BODY section -->

Related