<分区>
我正在尝试创建一个连续的图像淡入淡出效果,它必须在最后一个数组图像元素的末尾停止。 目前我有这个功能,它只在一个元素中淡出。
如有任何建议,谢谢
function x() {
$('#myImage').fadeIn(600, function() {
$(this).attr('src', images[0]).css({'display':'none'}).fadeIn(600);
});
}
<分区>
我正在尝试创建一个连续的图像淡入淡出效果,它必须在最后一个数组图像元素的末尾停止。 目前我有这个功能,它只在一个元素中淡出。
如有任何建议,谢谢
function x() {
$('#myImage').fadeIn(600, function() {
$(this).attr('src', images[0]).css({'display':'none'}).fadeIn(600);
});
}
最佳答案
通过添加索引参数和转义子句递归调用 x 方法
function x(imageIndex)
{
$('#myImage').fadeIn(600, function(){
$(this).attr('src', images[imageIndex]).css({display:'none'})
});
if(imageIndex < images.length)
{
x(imageIndex+1);
}
}
Editnote:现在已经测试过了
关于javascript - 如何创建顺序图像淡入淡出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14642827/