I am creating an application to be used on a mobile. One of the pages shows some text and images. In the 'Execute when Page Loads' section, I change the size of the images. When the page loads the page is initially rendered with the default size of the images. After a short while, the resizing of the images comes into effect and they get their final size.
In order to not have the page 'change' between the initial rendering and the resizing, I have added a blank region that gets hidden after 200 mili seconds via
apex.jQuery(window).on('theme42ready', function() { setTimeout(function(){ $('#BlankPageRegion').hide() }, 200);});
This is an ugly solution, but it works.
But it only works when the page gets called via a link on another page. When the page is loaded and the users refreshes the page (without going to another page and coming back) the 'BlankPageRegion' does not seem to be rendered, and the users once again sees the images in the original size and shortly afterwards, the images resize.
What is the best solution to not have the page change after the first rendering?