Posted By

dougunderscorenelson on 06/25/09

Tagged

image
jquery

Versions (?)

Last Edited at 06/25/09 12:35pm

Statistics

Viewed 683 times

Favorited by 3 user(s)

Related snippets

Has the image loaded?

/ Published in: jQuery

Used this on a project to determine whether images were loaded or not. In an image carousel, for example, you could test the next/clicked image before advancing the slide, and if 'loaded' wasn't 'true', you could add a "loading" class and attach a new .load handler to remove the class and advance when the image finished loading.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$("img").each(function(){
  i = $(this).attr('src');
  $(this).attr('src','')
  $(this).load(function(){
    $(this).data('loaded','true');
  });
  $(this).attr('src',i);
});