I have a fairly large js lightbox gallery and an hasty user can click on a thumb before the page has finished loading, this may result in opening the actual image without the “cool” js popup effect.
Are there nice ways of “forcing” the user to wait for the page to finish loading before clicking?
Thank you very much
The best way to achieve this would be to place a transparent or slightly grayed div across the entire page with a very high z-order value so it sits above all other elements.
The trick with this is you want to place it in the native HTML so it is loaded/rendered before any other processing occurs and the user has a chance to react. Then, simply remove it via js once ALL other loading has been done on the page.