javascript - 如何创建顺序图像淡入淡出?

标签 javascript jquery html image sequences

<分区>

我正在尝试创建一个连续的图像淡入淡出效果,它必须在最后一个数组图像元素的末尾停止。 目前我有这个功能,它只在一个元素中淡出。

如有任何建议,谢谢

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/

相关文章:

javascript - 当一个打开时折叠关闭另一个 jQuery

javascript - 无法使用 Puppeteer 在 HTML 元素上附加新的单击事件处理程序

javascript - Mocha 测试总是通过

javascript - addEventListener 'drop' 在 Safari 上不起作用

javascript - JQuery stopPropogation with .on ('click' ) 绑定(bind)不工作

javascript - 使用 ajax 响应显示多个图像

javascript - 将焦点固定在输入字段上

javascript - ajax 成功时重置所有字段(表单)

html - 我如何让 div 内容高度不重叠在下面的内容上

javascript - 表单字段中的 html 标记不起作用