Images together when shrinking to fit


(Mar Ley) #1

How can I keep 2 or more images together when shrinking to fit? Here’s my ex: Thanks!

https://dl.dropboxusercontent.com/spa/872gq02im024a14/Exports/2%20images%20ex/2%20images%20ex.html


#2

Try this out: Proportionally scaling a Tumult Hype document based on the browser width

If that’s not what you’re going for can you explain in a few more words?


(Mar Ley) #3

Thank you for your response, but my issue is very simple. I have 2 images (as shown on my example). When I make the page smaller, the images shrink to fit but the image below separates from the top one. How can I keep them together when making the page smaller.


(Mar Ley) #4

This is an example of a website of what I want more or less http://www.hannesbecker.com


#5

In your first post you said shrink, but in this example, the images are just staying centered. Here’s a couple options, both of which use groups: https://cl.ly/0B3b05241d1J


(Mar Ley) #6

Yes thank you, just like the second option, but I need the images to be separated. Because each image is linked to a different site. Just like the website http://www.hannesbecker.com

2 images ex.hype.zip (948.0 KB)


#7

You can select one of your individual images (in the property list), and then create a ‘mouse click’ action to link out to a separate URL: http://tumult.com/hype/documentation/3.0/#mouse-and-touch-actions


(Mar Ley) #8

Yes, that I understand. But back to my issue. How can I keep the two images together when shrinking to fit or expanding? (when shrinking they separate or when expanding they overlap)


(Jonathan Deutsch) #9

You’ll want to group the images together, and then have the group use those sizing options along with the “Zoom Contents” setting.

2 images ex-fixed.hype.zip (1.2 MB)