我正在尝试构建一个图片滑块. (我知道那里有很多插件,但这更多用于教育目的).
基本上,我有一组带z-index的图像：0.我要做的是拍摄图像集,然后选择每个图像并将索引更改为1,为不透明度设置动画,然后将其放入回到0,这样下一个图像就会做同样的事情.
这是第一部分,但我遇到的问题是,当我测试这部分时,所有图像同时进行动画.而不是一个接一个地做.
我知道您可以使用回调函数,例如：
image1.animate(the animation,function({
image2.animation(the animation,function({
image3.animation(the animation,function}) etc...
})
但如果我有更多的图像,它会变得更复杂.我试图找到一种更有效的方法,但我找不到答案.
这是我尝试过的：
images.each(function () {
$(this).css({
"opacity" : "0.0","z-index" : "1"
}).animate({
opacity: "1.0"
},3000);
});
但它不起作用.所有图像同时进行动画制作.我甚至尝试过“for”循环,但我得到同样的东西：
for (var i=0; i<images.length; i++){
images.eq(i).css({
"opacity" : "0.0",3000);
}
我知道我做错了什么,但我无法弄清楚它是什么.如果有人有任何帮助,将不胜感激！
