Website has about 40-50 images to load on each page, i am looking for modern cross-browser (ajax?) script that loading images on website only at visual browser area without mass ‘anything’ pre-loading by default… Could any one give a good advice?
Share
Hello You can try on Lazy Load of images in PHP.. You can do this using jQuery package..
See my own answer here how to apply the load on demand (Lazy loading) concept in datalist for Images using asp.net? and find how you can do this and load only one image at the time of page load and load other images when user scrooll down..
The above answer should work for you perfectly in PHP as well…
http://www.appelsiini.net/projects/lazyload
Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load. (Above is taken from the site)