JS如何监控多张图片是否加载完成

JS如何监控多张图片是否加载完成，我需要根据图片的高度来设置一个控件的高度

可以用回调函数 js用onload jquery用ready

window.onload=function(){

你的code。。。

}

jq里的ready不适用（ready是加载完主体就会触发，onload是完全加载完（包括js,css,图片等）触发）

$.html5Loader({
filesToLoad: firstLoadFiles,
onBeforeLoad: function () {
},
onComplete: function () {
//$.html5Loader({filesToLoad: bgLoadFiles});

                    //app.layoutManager.playMusic();

                    app.router.goto('cool');
                },
                onElementLoaded: function (obj, elm) {
                },
                onUpdate: function (percentage) {
                    console.log(percentage);
                    context.$(".loadingBg").html(percentage + '%')
                }
            });
            使用htmlloader方法，firstloadfiles则是需要加载的自定义图片json路径。包含onbeforeload 。oncomplete函数，分别对应加载突前之前和完成后
            路径写法：
             var firstLoadFiles = {
                "files": [

                    {
                       "type": "AUDIO",
                       "sources": {
                       "mp3":{
                              "source":"../path/to/your/audio.mp3",
                              "size":1},

                       "mp3":{
                              "source": "assets/audio/monkey.mp3",
                              "size": 1},

                           },

                     },

                    {
                        "type": "IMAGE",
                        "source": "assets/images/arrow.png",
                        "size": 1
                    },
                                            }

context.$(".loadingBg").html(percentage + '%') 也能够很好的显示当前载入图片的百分比。