Detecting mobile device screen orientation when Responsive Layouts won't work

[MaxZieb (Loves Hype)]

There is an easier solution. Just use layouts and assign the base64 images using the event HypeResourceLoad

Hype Events

I actually made an extension that does this already called Hype ImageBaseEncoder

Hype ImageBaseEncoder (Hype Resource / Image Extension)

[HypeImageBaseEncoder] This little extension helps you inline images and reference them without any efforts in your Hype projects. This reduces further request to any files on the server. Turn those beautiful images into ugly little code frogs. It works the following way: Instruction: Use any images as always in Hype On export (only local) the extension writes your images as Base64 code to your console Copy and paste the images you want in-lined from the console (Chrome has a copy button) a…

This way base 64 images are stored in variables and can be reused across layouts.

You can also define the layout using the code from @Photics with the event HypeLayoutRequest to determine the layout to show.