その要素内の画像がロードされてからコールバックを実行するプラグイン。画像のロードを必須とする処理にラップする。

jquery.imgLoaded.js

$.fn.imgLoaded = function (callback) {
	return this.each(function() {
		var self = this;
		var $this = $(self);
		var manifest = [];
		var $imgs = $this.find('img');
		$imgs.hide();
		$imgs.each(function() {
			var loaded = $.Deferred();
			var img = new Image();
			img.onload = function() {
				loaded.resolve();
			};
			img.src = this.src;
			manifest.push(loaded.promise());
		});
		$.when.apply($, manifest).done(function() {
			$imgs.show();
			callback.call(self);
		});

	});
};