Topic: Black box on iphone
Hiya,
I finally got the simpleview pro working on my website :) but then I checked the iphone and I get a large black square. I realize flash is the culprit but I thought there was a backup "full.html" for the mobile devices. I read a few of the post and changed "Try setting the baseURL to "gallery/" and remove the galleryURL setting." but that didn't do anything for the iphone issue. I have also installed the crossdomain.xml.
Here is my embed code:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://site.pagestationery.com/simpleviewer/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "[url]http://site.pagestationery.com/simpleviewer/[/url]";
var params = {};
params.wmode = "transparent";
var attributes = {};
attributes.id = "svInstance";
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "750", "499", "222222", true, flashvars, params, attributes);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
domain is pagestationery.com
here is source for full.html file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[url]http://www.w3.org/TR/html4/strict.dtd[/url]">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>SimpleViewer Gallery</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
var searchStr, searchStrParams, parameters, parameter, i;
var searchStr = window.location.search.substr(1);
var searchStrParams = searchStr.split('&');
parameters = {};
for (i = 0; i < searchStrParams.length; i += 1) {
parameter = searchStrParams[i].split('=');
parameters[parameter[0]] = decodeURIComponent(parameter[1]);
}
var svMobile = true;
var svGalleryPath = parameters.galleryURL.substr(0, parameters.galleryURL.lastIndexOf('/') + 1);
</script>
<script type="text/javascript" src="http://site.pagestationery.com/simpleviewer/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load('sv-container', '100%', '100%', parameters.bg, false, {galleryURL: parameters.galleryURL || '[url]http://site.pagestationery.com/simpleviewer/gallery.xml[/url]'});
});
</script>
</head>
<body>
<div id="sv-container"></div>
</body>
</html>
the view for full.html is a blank screen, what am I doing wrong?