Here is how I came up a solution:
Use two different types of image loading. Kind one is a standard loading and sort two features a loading finished function. Utilizing 2 divs (identified as div1 and div2) to contain graphic.
Or else, it will eventually use animation to swap div1 and div2, swap the reference of div1 and div2 (so the next contacting on the loading operate will affects div2 At the moment or div1 at the moment because div2 right now is displayed and div1 at the moment is conceal for preparing the subsequent three illustrations or photos), and start the loading perform. (Purple implies picture loading form. Inexperienced signifies function title. Blue usually means variable identify.)
Then Here’s the unusual aspect: tips on how to apply type 2 of impression loading that have a loading finished perform? How to monitor if an image hundreds concluded?
Right after hunting for quite a while, quite a few implies a DOM item’s variable referred to as readyState. My testing displays it may possibly Focus on IE8 and Firefox three.6 with no bugs.