Gallery does not display within an iFrame

I have a photo gallery that looks great in the Hype-generated html doc but when inserting the code into a markup item / iFrame, the space is allocated but the window is blank. This is the only time I’ve encountered this issue? Any ideas as to what is happening?

Gallery.zip (1.1 MB)

When I export to that folder and open your .html file it appears: Gallery2.zip (2.3 MB)

I have had no problem viewing it from the Hype-generated html file.

When I put the code into an iFrame in Freeway and preview it in Safari and Firefox, nothing is displayed. After uploading the Freeway page, it displays but there is a gap between the menu bar and the gallery.

This is the only time I’ve encountered this issue. Here’s the link:

http://lightbenders.com/mobiletest/info.html

Just as a test, I opened the file within Hype, then reexported it and boom, it has vanished again. Viewable within its own html file, but not displaying in the iFrame. I’ve made no change to the web page. It use the same source link. It is a head-scratcher.

http://lightbenders.com/mobiletest/info.html

Gallery12.02.15…12.32pm.zip (2.2 MB)

Any thoughts? Every other animation I've done over the past three years has displayed perfectly but this time all I get is a blank page.

You seem to be getting an error from your E-v1.js

Which may be enough to stop everything further loading

Ah HA!

(Whuuuut?)

It loads okay directly from the Hype generated html file. What should I do to prevent this from happening?

Not what that is about but do notice that the block you are using to point to the hype file looks odd. Actually lot of it looks odd on the page there seems to be a mishmash of hype code mixed in there but without any real way of seeing what you are doing on the page it is hard to tell whats right and whats not.

I did a simple text though and pointed a page to include your hype file using the standard code with the full URL to your file ( guessed the host, not hard :smiley: )

And it all loads ok…

 <!-- copy these lines to your document head: -->
        
        <div id="gallerywmenumobile_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;" aria-live="polite">
            <script type="text/javascript" charset="utf-8" src="http://lightbenders.com/mobiletest//gallerywmenumobile.hyperesources/gallerywmenumobile_hype_generated_script.js?90581"></script>
        </div>
        
        <!-- end copy -->