Topic: Black box on iphone

Hiya,
I finally got the simpleview pro working on my website smile  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?

Re: Black box on iphone

The problem lies with the page into which your gallery is embedded being on www.pagestationery.com and the baseURL pointing to site.pagestationery.com (different subdomains).
Upload your gallery files to www.pagestationery.com and change the baseURL (and path to the 'simpleviewer.js' file) accordingly.

Also, the 'full.html' file (part of the 'svcore' folder) should not be modified.

Steven Speirs
SimpleViewer Support Team.

Re: Black box on iphone

Steven
thanks for answering so quickly. Unfortunately this a yahoo store so it gets a bit convoluted. The files for pagestationery are in a upload section called lib so it looks like www.domain.com/lib/yhst-number/filename.
There is no ftp for this side or file directories. I could upload the svcore, gallery and index.files there but the images would have to go on the site.pagestationery side just because of the size. If this were  the case would I just edit the embed file as you mentioned and then the xml file to look for the images?

I was hoping cossdomain.xml would solve the issue. I have this set up with the site.domain.com but if I upload the core files to the lib and change the crossdomain url to pagestationery.com do you think it would work or not?

Thanks

Re: Black box on iphone

Your gallery should work if the 'svcore' folder is on www.pagestationery.com and the images are on site.pagestationery.com with the following 'crossdomain.xml' file on site.pagestationery.com:

<?xml version="1.0"?><!DOCTYPE cross-domain-policySYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="www.pagestationery.com" />
</cross-domain-policy>

Failing that, an alternative solution would be to embed the gallery using an <iframe>.
The entire gallery could be hosted on site.pagestationery.com (as it currently is) and you could replace the current embedding code on www.pagestationery.com with the following code:

<iframe src="http://site.pagestationery.com/simpleviewer/index.html" width="750" height="499" frameborder="0" scrolling="no"></iframe>
Steven Speirs
SimpleViewer Support Team.

Re: Black box on iphone

What about the location for gallery.xml file and index.html. Keep them on site.pagestationery?

Also is there a way to use the iframe and still see the flash on a non mobile site, would I just point it to the simpleviewer.js instead of index.html?

Thanks!


I was trying iframe with full.html and shows icons with buttons but non of the flash components any way to get slideshow using it?


I figured that out by using "full.html" and changing parameters to "true"

I would still like to try it with out the iframe though, which brings me back to the location for gallery.xml file and index.html. Keep them on site.pagestationery?

Last edited by page (2011-06-12 12:59:17)

Re: Black box on iphone

Try putting the 'gallery.xml' file (as well as the 'svcore' folder) on www.pagestationery.com.
Either name the file 'gallery.xml' and put in into the same folder as the HTML page containing the embedding code or use a galleryURL to point to the XML file: http://simpleviewer.net/simpleviewer/pr … .html#html
Then, to avoid further pathing problems, use absolute (rather than relative) URLs for the imageURL and thumbURL entries in the XML file to point to the images themselves.
Finally, use the 'crossdomain.xml' file I posted above on site.pagestationery.com (where the images are hosted).

If embedding SimpleViewer in an existing web page using embedding code, then the gallery's own 'index.html' file becomes redundant so you do not need to upload it at all.

If using an <iframe>, the 'src' attribute of the <iframe> should point to the gallery's 'index.html' file. This is the HTML page into which the gallery is embedded for use as a standalone gallery web page with no other content.

When loading 'index.html' into an <iframe>, SimpleViewer will still display the gallery using Flash if possible or HTML if not.

You should not modify or point to (via an <iframe>'s 'src' attribute) the 'full.html' file within the 'svcore' folder.

Steven Speirs
SimpleViewer Support Team.

Re: Black box on iphone

thanks I'll try that. I REALLY appreciate your help this weekend. That says volumes about you guys and your software!