Topic: Multiple Galleries

Good afternoon,
Have believe I downloaded V2 of SV (the free one).
I am a amateur photographer, trying to create a website.
I have a Portraits, Flowers, Scenary, HDR pages.
I have created a Flowers gallery and saved the gallery, SVscore etc files where the pages are located and I can view the gallery via my C://Drive and even adjust the size aspect.
But when I try and create another gallery for another page and try and save it in the pages folder, its asking me to merge i.e SVscore etc.
I can I create multiple galleries and save them within the pages folder.

Love the Postcode viewer.

Thanks

Re: Multiple Galleries

But when I try and create another gallery for another page and try and save it in the pages folder, its asking me to merge i.e SVscore etc.

What method are you using to create your galleries?
You could use svBuilder to create each gallery in a separate folder: http://www.simpleviewer.net/simpleviewe … svbuilder/
You could then upload your complete gallery folders (not just the contents) and embed each gallery using one of the two methods described here: http://simpleviewer.net/simpleviewer/su … l#external

Steven Speirs
SimpleViewer Support Team.

Re: Multiple Galleries

Sorry, my apologies.

Yes I am using SV builder to create the slideshow, then copying the html code and embeding into the page.
I am then saving the slideshow into a folder within the pages folder. i.e flowers folder, portraits folder etc
Then I am dragging the slideshow files to the pages folder.

     I have a website folder, within that I have a images folder and a pages folder.
     Within the pages folder, I have set up a flowers, portrait, HDR and scenary folders and saved each   
     slideshow in there respected folders.

When embeding the html code within the page, there is no dotted lines across the page. So because of this and possibly mis-understanding the "how to" text, I believed that I had to extract the respected folders and place them into the pages folder on there own, hence the merge request.

Am I right in saying that I can have the respected folders within the pages folder, but only add the gallery xml file into the pages folder.

Thanks

Re: Multiple Galleries

Within the Embeding guide, this is what I find confusing...

" Copy the entire contents of your SimpleViewer gallery folder into the folder that contains your HTML page "

When you create the slideshow and save, thats all okay.

Within the saved file, you have a galler.xml, images, svscore etc.

What file do a drag/save/move into the pages folder.

If all, then thats were I get the merge request.

Thanks

Re: Multiple Galleries

The standard embedding instructions work fine for a single gallery.
However, as you have discovered, if you try to copy the contents of many gallery folders into a single folder on your web server, you will encounter duplicate file names and files will be overwritten.
To avoid this (and to avoid having to rename or move any files within your gallery folders), keep all your gallery folders complete, upload them in their entirety to your web server and embed the galleries using the baseURL method described here: http://simpleviewer.net/simpleviewer/su … l#external

For example, the following workflow would work:
(1) Create a gallery in svBuilder and save it in a folder named 'gallery1'
(2) Create a second gallery in svBuilder and save it in a folder named 'gallery2'
(3) Upload both gallery folders to your web server (it does not matter where on your web server as long as you know the location)
You would then have a structure such as:
www.example.com/gallery1/
www.example.com/gallery2/
(4) You would embed 'gallery1' in an HTML page anywhere on your web site using the following code:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://www.example.com/gallery1/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "http://www.example.com/gallery1/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

You would embed 'gallery2' in a web page in a similar manner:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://www.example.com/gallery2/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "http://www.example.com/gallery2/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

If both galleries are embedded on the same page, you would need to embed each gallery in a <div> with a unique 'id' and your 'flashvars' variable would need to also be unique for each chunk of embedding code.

Steven Speirs
SimpleViewer Support Team.

Re: Multiple Galleries

Thanks for that thorough explaination. So....

To clarify, I would create 1 gallery for each page and save them in there own folder within the website folder, then I would transfer all folders / files to my web server/web host.

I would also copy the html from SV builder onto my page, then upload all folders/files to my web host.

So, the gallery address would be as an example....

www.garyhornephotography.co.uk/flowers/gallery 1 ??

or

www.garyhornephotography.co.uk/flowers - as the the html was automatically put on by me in the design stage like this....

***************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.Footer {
    font-size: large;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #CCC;
    text-decoration: none;
    text-align: left;
}
.Footer {
}
.Footer {
    text-align: left;
}
.Footer {
    text-align: left;
}
</style>

</head>

<body>
<table width="1008" align="center" border="0" cellspacing="1" cellpadding="1">
  <tr>
    <th width="351" scope="col"><img src="../Images/Logos/Logo Name v1.jpg" width="339" height="50" align="left" /></th><br />
   <th width="644" scope="col"><a href="Index.html"><img src="../Images/Nav Bar v2/images/Bio-v2.gif" width="48" height="50" border="0" /></a><a href="Portraits.html"><img src="../Images/Nav Bar v2/images/Portraits-v2.gif" width="78" height="50" border="0" /></a><a href="HDR.html"><img src="../Images/Nav Bar v2/images/HDR-v2.gif" width="54" height="50" border="0" /></a><a href="Flowers.html"><img src="../Images/Nav Bar v2/images/Flowers-v2.gif" width="81" height="50" border="0" /></a><a href="Art.html"><img src="../Images/Nav Bar v2/images/Art-v2.gif" width="51" height="50" border="0" /></a><a href="Scenary.html"><img src="../Images/Nav Bar v2/images/Scenary-v2.gif" width="79" height="50" border="0" /></a><a href="Contact.html"><img src="../Images/Nav Bar v2/images/Contact-v2.gif" width="82" height="50" border="0" /></a></th>
  </tr>
</table>
<br />
<br />
<table width="750" height="500" border="0" align="center" cellpadding="1" cellspacing="1">
  <tr>
    <th scope="row">

    <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "60%", "60%", "FFFFFF", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

</th>
  </tr>
</table>


    <th scope="col"><table width="950" height="40" border="0" align="center" cellpadding="1" cellspacing="1">
      <tr>
<th scope="col"><a href="http://www.facebook.com/GaryHornePhotography"><img src="../Images/Logos/images/images/Footer.jpg" width="200" height="50" align="left" border="0" /></a>
      <table width="90" align="right" cellspacing="2">
      <tr>
        <th scope="col"><a href="mailto:gh007f1886@blueyonder.co.uk"><img src="../Images/Logos/Email.jpg" width="42" height="42" border="0"></a></th>
         <th scope="col"><a href="http://twitter.com/ghp1968"><img src="../Images/Logos/Twitter.png" border="0" width="40" height="42"></a></th>
         <th scope="col"><a href="http://www.facebook.com/GaryHornePhotography"><img src="../Images/Logos/FB.png" width="40" height="42" border="0" align="right"></a></th>
       </tr>
</table></th>
  </tr>
</table>

</body>
</html>

Re: Multiple Galleries

To clarify, I would create 1 gallery for each page and save them in there own folder within the website folder, then I would transfer all folders / files to my web server/web host.

You can create as many galleries as you like but keep each one in its own folder.
Once a gallery has been created by svBuilder, there is no need to do anything to the folder (or files within) other than upload it to your web server.
You would then use code such as that which I posted in my last post, to embed the galleries in your web pages.
The embedding code provided by svBuilder is suitable only if you move all your gallery files into the same directory as the HTML page into which the gallery is embedded. If you have many galleries, I would recommend keeping them in their own folders, hence the need for the extra baseURL line in the embedding code.

To follow on from your example, if you uploaded a gallery folder (named 'gallery 1') to the following location on you web server:
www.garyhornephotography.co.uk/flowers/gallery1
.. and you wanted to embed the gallery in the following page:
www.garyhornephotography.co.uk/flowers.html
... then the embedding code you would use would be:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="flowers/gallery1/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "flowers/gallery1/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
Steven Speirs
SimpleViewer Support Team.