Posted By

ionutzp on 11/05/10

Tagged

Versions (?)

Last Edited at 11/05/10 09:55pm

Statistics

Viewed 703 times

Favorited by 2 user(s)

Related snippets

Images Loaded Jquery plugin

/ Published in: JavaScript

seen at Eric Miraglia

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$.fn.imagesLoaded = function(callback){
  var elems = this.filter('img'),
      len = elems.length;
 
  elems.bind('load',function(){
      if (--len <= 0){
         //console.log(elems, this);
         callback.call(elems,this); }
  }).each(function(){
     // cached images don't fire load sometimes, so we reset src.
     if (this.complete || this.complete === undefined){
        var src = this.src;
        // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
        // data uri bypasses webkit log warning (thx doug jones)
        this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
        this.src = src;
     }
  });
 
  return this;
};