jquery 实现图片的依次加载图片

发布时间:2017-7-9 7:15:23编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"jquery 实现图片的依次加载图片 ",主要涉及到jquery 实现图片的依次加载图片 方面的内容,对于jquery 实现图片的依次加载图片 感兴趣的同学可以参考一下。

css代码:

ul#portfolio{margin:0;padding:0;}
ul#portfolio li{float: left;margin:0 5px 0 0;width:250px;height: 250px;list-style: none;}
ul#portfolio li.loading{background: url(../images/spinner.gif) no-repeat center center;}
ul#portfolio li img{width:250px;height: 250px;display: block;}

js代码:

$(function(){
    var images=new Array();
    images[0]='./images/ads_one.jpg';
    images[1]='./images/ads_two.jpg';
    images[2]='./images/ads_three.jpg';
    
    //获取了图像的数量
    var max=$(images).length;
    
    //如果包含一张以上的图像,那么创建对应的UL元素家人到wrapper