For reference, the SimpleViewer Embedding Guide can be found here.
A few pointers...
(1) If your gallery's XML file is named 'gallery.xml' and is located in the same directory as the HTML page into which the gallery is embedded, you do not need to use the galleryURL option.
(2) You can make your gallery's background transparent by setting the backgroundColor Embed Code Parameter to 'transparent', removing the need to set the 'wmode' with a Flash param.
(3) A standard gallery which does not make use of the SimpleViewer Pro API does not need to set attributes.id = "svInstance";
(4) The gallery's width is set to '180%' and the parent container's height is set to '120%'. These values may cause layout problems.
(5) The gallery's parent container <div> is not closed in the code you posted.
With this in mind, you might be able to condense your embedding code to:
<!--START SIMPLEVIEWER EMBED.—>
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "transparent", true);
});
</script>
<div id="sv-container" style="background-color: #000000;"></div>
<!-- END SIMPLEVIEWER EMBED —>
do i need to put it all inside a div?
No. The gallery will be embedded into the 'sv-container' <div> which does not need to be inside another <div>.
In order to discover why you are seeing crosses (or nothing at all), I would need to see your gallery live.
Without seeing the structure of your files or your code, my best guess would be that some files are in the wrong locations.
The 'gallery.xml' file should be in the same directory as the HTML page into which the gallery is embedded.
All relative paths to the images within the XML file should be relative to the HTML page into which the gallery is embedded.
The 'svcore' folder should also be in the same directory as the HTML page.
Steven Speirs
SimpleViewer Support Team