• Registered: 2013-03-19
  • Posts: 1

Topic: Multiple galleries

Hi, i'm in a bit of a mess.
I'm trying to put multiple galleries on 1 page.
I have 2 folders in my root directory, svcore and svcore1 and this is my code i'm using..

<div id="gallery">
           
            <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://www.thetinyteacup.co.uk/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars1={};
flashvars1.baseURL="http://www.thetinyteacup.co.uk";
simpleviewer.ready(function () {
simpleviewer.load("sv-container1", "100%", "100%", "transparent", true, flashvars1);
});
</script>
<div id="sv-container1"></div>
<!-- END SIMPLEVIEWER EMBED -->
</div>

<div class="maintext">
            <img src="images/ourchina.png" alt="The Tiny Teacup" align="left" />
            </div>
<div id="gallery">

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://www.thetinyteacup.co.uk/svcore1/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars2={};
flashvars2.baseURL="http://www.thetinyteacup.co.uk/svcore1";
simpleviewer.ready(function () {
simpleviewer.load("sv-container2", "100%", "100%", "transparent", true, flashvars2);
});
</script>
<div id="sv-container2"></div>
<!-- END SIMPLEVIEWER EMBED -->

</div>

I have 2 galleries on the page but only the top one has any images.
I believe the bottom one can't see the xml file so i moved it into the svcore1 file as it was called gallery as well (i'm not sure how/where it looks for the xml file.
I also moved the images for that bottom gallery into the svcore folder in case it couldn't see them.

Any thoughts?
You can see where i've got to on www.thetinyteacup.co.uk/gallery

Thanks
Michael

  • Registered: 2008-07-06
  • Posts: 6,333

Re: Multiple galleries

When using the baseURL method of embedding (as documented here), you should keep each gallery in its own folder and upload the complete gallery folders (not just the contents) to your web server.
For example, if you had two gallery folders named 'gallery1' and 'gallery2' and you uploaded both gallery folders to the root of your web space, then your embedding code would look something like this:

<script type="text/javascript" src="http://www.thetinyteacup.co.uk/gallery1/svcore/simpleviewer.js"></script>

<script type="text/javascript">
var flashvars1 = {};
flashvars1.baseURL = "http://www.thetinyteacup.co.uk/gallery1/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container1", "800", "600", "222222", true, flashvars1);
});
</script>
<div id="sv-container1"></div>

<script type="text/javascript">
var flashvars2 = {};
flashvars2.baseURL = "http://www.thetinyteacup.co.uk/gallery2/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container2", "800", "600", "222222", true, flashvars2);
});
</script>
<div id="sv-container2"></div>

Please also note that you need only load the 'simpleviewer.js' file once on your page.

Steven Speirs
SimpleViewer Support Team