JavaScript控制图片加载完成后调用回调函数的方法
本文实例讲述了JavaScript控制图片加载完成后调用回调函数的方法。分享给大家供大家参考。具体分析如下:
这段代码可以控制指定区域内的图片加载完成后执行指定的回调函数。
functionwhen_images_loaded($img_container,callback){ /*docallbackwhenimagesin$img_container(jQueryobject)areloaded.OnlyworkswhenALLimagesin$img_containerarenewlyinsertedimagesandthisfunctioniscalledimmediatelyafterimagesareinsertedintothetarget.*/ var_imgs=$img_container.find('img'), img_length=_imgs.length, img_load_cntr=0; if(img_length){//ifthe$img_containercontainsnewimages. _imgs.on('load',function(){//thenweavoidthecallbackuntilimagesareloaded img_load_cntr++; if(img_load_cntr==img_length){ callback(); } }); } else{//otherwisejustdothemaincallbackactionifthere'snoimagesin$img_container. callback(); } }
希望本文所述对大家的javascript程序设计有所帮助。