Topic: Issues embedding gallery into a "parent" page

I have been working hard on TTG Stage CE for Lightroom. It's nearly ready for release, and I had setup support for Simpleviewer 2 embedding, but realized I would need to rewrite my embed for SV 2.1 with HTML5 support. So that's where I am now, but I'm hitting against a few problems and could use some help.

Here's the test page:
http://demo.theturninggate.net/test/liquid/

1) The SWF takes up the entire space that it's supposed to, but the actual gallery portion seems to be aligned to the baseline of the container. I would rather it were centered; any ideas what's causing the problem and how it might be fixed?

2) When I visit the page on my iPhone, the HTML5 gallery loads but does so along with the page header and footer. Is there some easy way of causing the Simpleviewer HTML5 gallery to go full-screen, disappearing the other elements on the page?

Thanks,
Matt

Re: Issues embedding gallery into a "parent" page

I'm fairly sure (1) is related to a bug (when using 100% height) which will be fixed in the next version which should be released soon.
This should fix the problem with no further action required.

(2) might be a little more difficult to achieve.
At the end of your page, you could perhaps run your own JavaScript Flash detection and, if it is not found, use something like this:

<script type="text/javascript">
var elem = document.getElementById("sv-container").style;
elem.position = "absolute";
elem.left = "0px";
elem.top = "0px";
elem.width = "100%";
elem.height = "100%";
</script>

I'm sure there's probably a more elegant solution to this but it should work.

Steven Speirs
SimpleViewer Support Team.

Re: Issues embedding gallery into a "parent" page

Thank you, Steven. Can you offer any advice on performing the Flash detection? This aspect of web-design is really not my forte.

Cheers,
Matt

Re: Issues embedding gallery into a "parent" page

You could use the JavaScript Flash Detection Library here: http://www.featureblend.com/javascript- … brary.html
Licence for use here: http://www.featureblend.com/license.txt

Include the file 'flash_detect_min.js' with the following code in your <head>:

<script src="flash_detect_min.js" type="text/javascript"></script>

... and use the following code in your HTML document:

<script type="text/javascript">
if (!FlashDetect.versionAtLeast(9, 0, 124))
 {
    var elem = document.getElementById("sv-container").style;
    elem.position = "absolute";
    elem.left = "0px";
    elem.top = "0px";
    elem.width = "100%";
    elem.height = "100%";
}
</script>

You could also use Adobe's Flash Player Detection Kit. (The syntax is slightly different and you'd have to tweak the JavaScript file to remove the 'alert' informing the user which version is installed.)

Steven Speirs
SimpleViewer Support Team.