How can I determine if an image has loaded, using Javascript/jQuery?

by

Either add an event listener, or have the image announce itself with onload. Then figure out the dimensions from there.

<img id="photo"
     onload='loaded(this.id)'
     src="https://stackoverflow.com/questions/263359/a_really_big_file.jpg"
     alt="this is some alt text"
     title="this is some title text" />

More Related Contents:

  1. How can I modify with css an image appended with javascript?
  2. how to resize responsive image up and down
  3. How do I make two images fade in/out repeatedly? [closed]
  4. Check if an image is loaded (no errors) with jQuery
  5. Changing the image source using jQuery
  6. Asynchronously load images with jQuery
  7. How to resize images proportionally / keeping the aspect ratio?
  8. How do you cache an image in Javascript
  9. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  10. How to silently hide “Image not found” icon when src source image is not found
  11. In Bootstrap open Enlarge image in modal
  12. JS – get image width and height from the base64 code
  13. Load image with jQuery and append it to the DOM
  14. How do I abort image load requests without using window.stop()
  15. JavaScript: Know when an image is fully loaded
  16. Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  17. Get image width and height from the Base64 code in JavaScript
  18. How to get the image size (height & width) using JavaScript
  19. Cancel single image request in html5 browsers
  20. Add image in pdf using jspdf
  21. jQuery resize to aspect ratio
  22. Using image.complete to find if image is cached on chrome?
  23. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  24. jQuery, JavaScript, HTML: how to load images after everything else is loaded?
  25. jQuery fade to new image
  26. Center an Image vertically and horizontally using CSS
  27. canvas- Cropping images in different shapes
  28. Dynamically replace img src attribute with jQuery
  29. How do I get natural dimensions of an image using JavaScript or jQuery?
  30. How should I crop an image at client side using jcrop and upload it?

Leave a Comment