画像の読み込み後に処理を行う（複数画像対応）

画像の読み込み後に処理を行う方法をご紹介します。
ここでは複数の画像にも対応したライブラリとしてご紹介します。

ライブラリ定義

$.fn.imageLoad = function(callback) { if ($(this).length > 0) { var imageCount = 0, imageLength = $(this).length; $.each(this, function() { $(this).on('load', function() { imageCount++; if (imageCount === imageLength) { if (callback && typeof callback === 'function') { callback(); } } }); }); } return this; };

使い方

$(function() { $('img').imageLoad(function() { alert('loaded'); }); });