javascript - Loading images upon scrolling -
suppose have python script dumps 1000 images on webpage, when user opens webpage, browser tries open of them @ once, slows down page. is there way make sure images loaded, lie in current field of view of user, somehow load them depending upon position of scroll bar ? we call design pattern lazy loading . there lots of plugins achieved it, such loading images scrolling. lazy load plugin jquery : lazy load jquery plugin written in javascript. delays loading of images in long web pages. images outside of viewport (visible part of web page) wont loaded before user scrolls them. opposite of image preloading. using lazy load on long web pages containing many large images makes page load faster. browser in ready state after loading visible images. in cases can reduce server load. you can go web page checkout full example , api.