how do i flexible layout like this http://www.claudionapolitano.com/portraits/
In Hype, you could reference Jquery and Masonry, and then you would need to place image elements within the inner HTML of a rectangle. If that rectangle is set to scale based on the width of your viewport, it would work in a similar way – though admittedly this does not use very much of Hype’s capabilities, except to scale up and down the rectangle holding your images.
guess you mean the proportionally up’n downscaling of the images.
A great addition would be to have a % width & height property for an element.
So each row you would add 3 images with a width of 33 % and height set to auto.
Easier said than done I presume.
Hi check this and this done in Hype, the instructions are on the template.
I think you could use.
The only caveat I have for users who are tempted to go nuts with responsive in hype is that they will need to limit the bitmaps or there will be a loading hit, plus Google likes to have images on the page versus within a Hype animation.
My solution is to fill a div with an image set to cover and place the Hype animation over it and set to the same height. This can also be an issue when using the same background image with several animations.
If and when Hype reaches the point where users can set up a shared resource folder, this will help.
That is awesome. Do you or can you share the hype file? I have to prototype for a landing page.