Hello Hype users! I’m going to be using Hype to create a number of slideshow-like animations where an audio clip plays while words matching the audio appear on the screen. We’ve love for this to be scalable (responsive) but couldn’t find a setting or option that would let us do this inside Hype. O…

Hi Tommy, this code is exactly what I was looking for! It works great, but for some reason in Chrome and Safari it doesn’t load the animation when I open the webpage for the first time (works fine in Firefox). I have to do a hard refresh for it to appear. It’s definitely there because I can hear the…

Can you share a link to your document? It could be something your theme or something in Bootstrap that is causing this issue. Also, do you have ‘offline application cache’ turned on for this document? If so, I recommend turning that off.

Hi Daniel, thanks for your quick response. It’s just a local site at the moment so I don’t know how I could share that easily with you? I have also found out that if I resize the window, the hype document becomes visible. The ‘offline application cache’ is turned off already. I thought it could be t…

There was a conflicting bit of Javascript, fixed it now, thanks for your input anyway!

Awesome, you save me hours playing the Flexible Layout with no luck. Thanks!

Wow this is great! I do have the same issue as someone below though. My animation isn’t full screen till I click on it http://www.bpccreative.com/quin/ . Any ideas? Thanks in advance

I’m guessing you might be running into problems because you have two layouts in your document and this is at odds with wanting to do scaling from a javascript/eqcss source.

Can I remove the size I created it in, from the hype html?

Jonathan, were exactly right it was because I had 2 different layouts. Thanks!

This is excellent and a reag great help – many thanks. For someone with an extremely basic grasp of javascript, any ideas why this code snippet causes home and pause buttons to disappear when I paste it into the in the exported html from this hype document: https://www.dropbox.com/s/mbefafj5n15xedk…

Tumult Forums

Make Any Hype Animation Scalable (responsive) with Element Queries

Using JavaScript with Hype Function Library