js/jquery 图片加载完成后

     近来做项目时需用到待图片加载完成后再执行后续操作，网上也搜索过多篇文章，在此小记，以备用时复记。

      IE与其它浏览器中由于页面加载完成有差别，IE中onload事件在页面文档加载完成时图片部分仍有可能没加载完成，而火狐等则比较智能在onload时文档与图片均加载完成，因此在JS中需区别对待！

JS：

     //判断浏览器

        var browser = new Object();

        debugger;

        browser.useragent = window.navigator.userAgent.toLowerCase();

        browser.ie = /msie/.test(browser.useragent);

        browser.other = /gecko/.test(browser.useragent);

        function iamgeLoadAfter(url, imgid, callback) {

            var img = new Image(), value = url;

            if (browser.ie) {

                img.onreadystatechange = function () {

                    if (img.readyState == "complate" || img.readyState == "loaded") {

                        callback.success.apply(img, [imgid]);

                    }

                    else

                        callback.failed.apply(img, [imgid]);

                };

            }

            else if (browser.other) {

                img.onload = function () {

                    if (img.complete == "true")

                        callback.success.apply(img, [imgid]);

                    else

                        callback.failed.apply(img, [imgid]);

                };

            }

        }

jquery:

 $(function () {

            $("图片ID，类名..").load(function () {

                //加载完成

            }).error(function () {

                //加载失败

            });

        });