You could load the same image using the DOM / a hidden image and bind to the load
event on that. The browser’s caching should take care of not loading the image twice, and if the image is already loaded the event should fire immediately… not tested, tough.
More Related Contents:
- Change background on button click, using CSS only? [duplicate]
- Javascript Execute message when mouse is on left side of page [closed]
- Different look in desktop, how to setup
- Prevent BODY from scrolling when a modal is opened
- jqGrid does not render correctly in Chrome/Chrome Frame
- Clear icon inside input text
- Callback on CSS transition
- How to connect HTML Divs with Lines? [duplicate]
- Equivalent of jQuery .hide() to set visibility: hidden
- Load HTML page dynamically into div with jQuery
- Possible to associate label with checkbox without using “for=id”?
- Bootstrap modal: background jumps to top on toggle
- How to define the css :hover state in a jQuery selector?
- How To Include CSS and jQuery in my WordPress plugin?
- Extracting text from a contentEditable div
- Prevent iOS bounce without disabling scroll ability
- How do I make an area unclickable with CSS?
- Rotate div text after clicking on button using jquery and css
- How do I find which JavaScript is changing an element’s style?
- How to Bootstrap navbar static to fixed on scroll?
- How to use pagination on HTML tables?
- How to create a “show more” button and specify how many lines of text can be initially shown
- Wait for background images in CSS to be fully loaded [duplicate]
- Bootstrap and jQueryUI Conflict
- Include SVG files with HTML, and still be able to apply styles to them?
- A way to scroll an underlying div when mouse is on top of a fixed div?
- JQuery select pseudo-element :after [duplicate]
- CSS and JQuery: spaces inside image name break code of url()
- Bootstrap button drop-down inside responsive table not visible because of scroll
- “Force Reflow” in CSS transitions in Bootstrap