How to force Hype Pro to display the first item of an animation…

[branislavmilic]

… in a browser without waiting that everything gets loaded?
I put online an animation that weighs 3.5 Mb but it starts with an image that is 2.1 Mb that needs 3-4 seconds to apeear. I would like this image to be downloaded in priority and displayed while the browser downloads the rest of the assets.

[Daniel]

This should help:

Creating a Custom Preloader

When you have ‘Show Loading indicator’ checked in the Document inspector, your visitors will see a notice when your document is loading. Below are a couple ways you can change this loading screen: Show an image while your Tumult Hype document loads This video by @darren_pearson is a good walkthrough of how to to this. First of all, if your Tumult Hype document is loading slowly, this article gives tips on speeding it up. The quickest thing you can do is to open the Resource Library and uncheck…

This will load the Hype content and the image (the preloader image) asynchronously, so if you can get a super optimized (progressive) JPG that would be your best bet.

For super mega optimized initial images, I would use this tool: https://www.responsivebreakpoints.com/ (so images are tailored to the device, resolution, and screen size).

[branislavmilic]

Now I understand why it was not clear.
It’s because the three options at the bottom of the Resources panel are… at the bottom and it’s like they are valid for all the resources but you should add columns near each image in the list of the Resources with the option Preload so we have a better overview.

[jonathan (Jonathan Deutsch)]

Thanks for the feedback; I’ve added this idea to my notes about a resources library redesign.