I have built into my site an option to ‘Show All’ and this means that there could be up to 500 hotels trying to load onto a page, I am using lazyload too which cuts down on the time, and I’m also using some jquery to show an animated loading gif, but ideally what I need is an overlay that appears with an attractive loading page, so nothing can be touched until the page loads.
How can I adopt what I got to load this overlay instead of the animated gif.
Hi, the one issue I realised as I went down one root was that the page has already loaded as im using ajax, so by waiting for the page to load was the wrong way to do it, ideally i need some code that is waiting for images on the page to load.
Just looked at your code and was wondering how can I stop it once the page is loaded.
Something like this i was fancying, its just how to tie into the page thats already loaded so it knows when all the images on the page have loaded once I trigger a search, but as its in AJAX there no page refresh
At the moment the page loads and the overlay doesnt appear, so will start from here I think, but I’m not going to lie, I think this bit is a bit out of my depth so any help code wise would be veyr much appreciated