javascript - jQuery 淡入新图像 - 然后继续循环图像列表?

标签 javascript jquery image transition

因此,我得到了一个标题图像,单击该图像后会随着传输而变化,淡出,然后淡入并显示新图像。然后我可以点击新图像,它也会动画并淡出到空白区域。如何通过一系列有序图像连续播放/淡入淡出 - 每次点击一个新图像无限次?

这是我到目前为止所得到的......

$(document).ready(function(){
    $("#headuh").click(function(){
        $("#headimg").transition({ skewY: '30deg' },1000);
        $("#headimg").fadeOut(function() {      
        $(this).transition({ skewY: '00deg' }) .load(function() { $(this).fadeIn(); }); 
        $(this).attr("src", "/imgurl.jpg");

最佳答案

您可以像这样使用名为 setInterval(); 的 javascript 函数:

setInterval(function(){
   //this code will keep on executing on every 2 seconds.
},2000)

关于javascript - jQuery 淡入新图像 - 然后继续循环图像列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11187741/

相关文章:

javascript - 返回行号匹配错误

Javascript float 比较

jquery - jquery 获取当前索引

javascript - 如何防止动态更改时输入按钮中的居中文本移动

HTML 同时悬停 img 和文本

python - 用于图像处理的 Python 中的带通滤波器

javascript - 覆盖原型(prototype)方法

javascript - php、mysql 和 javascript

jquery - 堆栈溢出式消息栏

python - 从作为 Numpy 数组的图像裁剪边界框