• Registered: 2011-08-01
  • Posts: 3

Topic: don't understand how to embed 2 galleries on one xhtml page

Hi I am  having a problem embedding, 2 SV galleries on a single xhtml page have hand coded the site.
I have successfully embedded a single gallery on one page works fine but having a problem understanding  embedding 2 on a single page, have created 2 folders named gallery1 and 2
Have read the tutorial but still do not understand how to embed galleries do I use the base line
Code in the tutorial on the xhtml page to embed the 2 galleries.
At the top of each gallery is a small paragraph of text will this create a problem.

thanks for any help

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

Re: don't understand how to embed 2 galleries on one xhtml page

Instructions for embedding Multiple Galleries on One HTML Page can be found here: http://simpleviewer.net/simpleviewer/su … l#multiple

If you have two self-contained gallery folders named 'gallery1' and 'gallery2', then the two sets of embedding code that should be on your page might look like this:

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

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

Use the baseURL option to point to each gallery folder using a unique name for the 'flashvars' in each set of embedding code and embed each gallery into a <div> with a unique 'id'.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-08-01
  • Posts: 3

Re: don't understand how to embed 2 galleries on one xhtml page

Hi

thanks for the info got the 2 galleries embedded works fine.
But the background is not transparent  [ Black ] I set to transparent when I used
the sv Builder can I set to transparent manually? and I would like to reduce the sv container area around the gallery if possible as I have text that needs to but to gallery edge

thanks
for the help

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

Re: don't understand how to embed 2 galleries on one xhtml page

can I set to transparent manually?

Yes, just change the backgroundColor Embed Code Parameter to 'transparent', eg:

simpleviewer.load("sv-container", "100%", "100%", "transparent", true, flashvars);

I would like to reduce the sv container area around the gallery if possible as I have text that needs to but to gallery edge

Please take a look at the section entitled 'I have extra spacing in my gallery. How do I get rid of it?' in the SimpleViewer-Pro Layout Guide:
http://simpleviewer.net/simpleviewer/pr … ml#trouble

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-08-01
  • Posts: 3

Re: don't understand how to embed 2 galleries on one xhtml page

Hi

I was able to change the BG color to transparent.
But can not find  the file, where to modify sv spacing around gallery
I am not using pro version can I still modify the sv.

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

Re: don't understand how to embed 2 galleries on one xhtml page

I am not using pro version can I still modify the sv.

The options available to SimpleViewer Standard can be found here: http://simpleviewer.net/simpleviewer/su … tions.html
The options available to SimpleViewer Pro can be found here: http://simpleviewer.net/simpleviewer/pr … tions.html

SimpleViewer Standard does not support options such as stageBorder, stageVPadding and stageHPadding so you may only be able to layout the gallery exactly as you want with SimpleViewer Pro.
However, your web page may have spacing caused by HTML/CSS which could be reduced.
The HTML and CSS reference guides here may help is this respect: http://www.w3schools.com/

Steven Speirs
SimpleViewer Support Team