jQuery的功能依次加载图片

CSS代码：

UL #组合{ margin: 0；padding: 0；}
UL #组合里{浮动：左；保证金：0 5px 00；宽度：250px；身高：250px；列表样式：无；}
UL #组合里。加载{ background: url（。 / /旋转图像，GIF）没有重复中心；}
UL #组合里img {宽度：250px；身高：250px；显示：块；}

JS代码：

$（函数（）{（））
新数组（）；
图片{ 0 } = '。 / / ads_one jpg图像；
图片{ 1 } = '。 / / ads_two jpg图像；
图片{ 2 } = '。 / / ads_three jpg图像；
获取图像的数目
var max = $（图像）长度；
/ /如果图像包含多个，然后创建一个相应的UL元素包装家庭DIV，叫LoadImage法。
如果（最大> 0）{
创建UL元素
var = $（'）；
/ /附加到div #包装
$（UL）。AppendTo（$（' #包装））；
加载第一个映像
LoadImage（0，最大值）；
}
/ /在LoadImage方法，遍历所有的图像，每个图像里的元素创造
函数的LoadImage（指数、最大）{
如果（索引< max）{
CSS样式增加利用李 / /元素的属性的方法，增加了加载GIF背景。
var list = $（）。Attr（' '，'loading）；
将李添加到UL元素
$（'ul #组合）。追加（名单）；
获取当前的李元素
无功电流= $（UL #组合里# portfolio_+指数）；
创建图像元素
VaR img =新的图像（）；
加载/图像
$（IMG）。负荷（函数（）{）
$（这）。Css（显示器，不关）；
（1美元）。RemoveClass（'loading）。追加（这）；
$（这）。FadeIn（慢，功能（））{
/ /方法的回调函数，调用LoadImage法在当前元素的下一个元素的显露方法成功执行后，它可以实现多个加载图像序列。
LoadImage（指数+ 1，最大）；
}）；
}。错误（函数（）{）
$（当前）删除（）；
LoadImage（指数+ 1，最大）；
}）。Attr（'src，图像{指数}）；
}
}
}）

以上是我们介绍给您的jQuery，以便在图片中加载图片。我们希望能帮助你。如果你有任何问题，请给我留言。萧边会及时回复你。谢谢你的支持网站。