Comments on: Asynchronous Image Loading with jQuery

By: microbians

microbians — Mon, 08 Mar 2010 17:42:29 +0000

Also if you add this:

$(‘img’).error(function(){
$(this).replaceWith(”);
});

You will handdle what happen when an img is not loaded fine.

By: microbians

microbians — Mon, 08 Mar 2010 17:27:13 +0000

What about this? I think is simpler but similar:

$(document).ready(function(){
$(‘img’).css(‘background’, ‘transparent url(loader_black.gif) no-repeat center center’)
$(‘img’).load(function(){$(this).css(‘background’,”);});
});

By: TopCoder

TopCoder — Wed, 03 Mar 2010 14:23:10 +0000

For those, who are getting, hide and load is not a function or not defined, try this:
$(img).hide()

seems to work, i dont know why though..lol

By: Bill

Bill — Wed, 24 Feb 2010 02:39:08 +0000

FYI for those for those beginners like me:

There are two JQuery .load()’s

http://api.jquery.com/load/

and

http://api.jquery.com/load-event/

Had me scratching my head for a bit.

Thanks for the post…

By: jQuery.imageLoader 1.0 Released | Realm of Zod

jQuery.imageLoader 1.0 Released | Realm of Zod — Thu, 04 Feb 2010 00:37:20 +0000

[...] 1.0 Released Posted on February 3rd, 2010 brandon No comments A while ago I wrote an article on how to dynamically load images using jquery. This has turned out to be one of my most popular posts and I got a lot of feedback on it. As a [...]

By: Ivan Torres

Ivan Torres — Fri, 29 Jan 2010 06:24:23 +0000

Great script!

Here’s an excellent ajax loading gif generator to customize with color:

http://www.ajaxload.info/

By: Binyamin

Binyamin — Sun, 03 Jan 2010 10:17:39 +0000

That means it will not display picture hided in DIV SCR, if JavaScript will be turned Off.
Is there some way to ‘create loadable-image’ class for IMG tag?

By: brandon

brandon — Thu, 31 Dec 2009 16:58:36 +0000

The ‘loadable-image’ class is designed to be put on the element that wraps around the final image as it replaces the elements content.

By: Binyamin

Binyamin — Thu, 31 Dec 2009 16:21:18 +0000

Why it does not work on IMG tags on Chrome and Safari:
[IMG class="loadable-image" src="/images/example.jpg" onload="img = $(arguments[0]); img.bind(‘click’, function(){ alert(‘Image was clicked’); })” /]

Even on DIV tags it works fine just on Firefox.
How to fix it?

By: Binyamin

Binyamin — Thu, 31 Dec 2009 16:14:40 +0000

Why it does not work on IMG tags:

How to fix it?