image preload and update loadi
/** @param imageArr:预先加载的图片数组, @param config: @param update:每加载一张执行一次update函数 @param complete:加载完成所有图片执行该函数 @param silent:true//表示使用默认的加载样式 */ ImageLoader(imageArr,config)
<!DOCTYPE html> <html ng-app="app"> <head> <title>imageloader</title> <script type="text/javascript" src="../imageloader.js"></script> <link rel="stylesheet" type="text/css" href="../imageloader.css"> </head> <body> <h2 style="text-align:center">imageloader demo</h2> <div id="imageContainer"></div> <script type="text/javascript"> var imagesArr = ['./images/buy_domain.png','./images/dusk.jpg','./images/malaysia_dusk.jpg','./images/malaysia_sea.jpg']; var updateFn = function(){ var img = document.createElement('IMG'); img.setAttribute('src',arguments[2]); document.getElementById('imageContainer').appendChild(img); } ImageLoader(imagesArr,{update:updateFn,complete:function(){ alert('All images loaded.'); },silent:true}); </script> </body> </html>
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。