JQuery 图像过渡.向上滑动

JQuery image transition. swipe up

本文关键字：图像 JQuery      更新时间：2023-09-26

我已经在网上搜索过，但找不到任何与我所追求的完全匹配的内容。我想使用滑动过渡来更改我的图像。就像在Windows 8预览版发布视频（http://windows.microsoft.com/en-US/windows-8/release-preview）上看到的那样，在最初的几秒钟内，磁贴图像将更改为文本，然后更改为其他内容。这可以在 JQuery 中完成吗？还是有更好的方法？

谢谢。

编辑：我在这里找到了所需的效果：http://malsup.com/jquery/cycle/browser.html 在左侧的"滚动向上"选项下。但是我一辈子都无法让它在我的页面上工作！谁能指导我在以下脚本中提供代码的位置？

<img id="img" src="link here">
<script>
function changeImage()
{
    var img = document.getElementById("img");
    img.src = images[x];
    x++;
    if(x >= images.length){
        x = 0;
    } 
    //fadeImg(img, 100, true);
    setTimeout("changeImage()", 3000);
}

var images = new Array(),
x = 0;
images[0] = "link here";
images[1] = "link here";
images[2] = "link here";
setTimeout("changeImage()", 3000);
</script>

据我所知，仅通过 JQuery 无法实现，JQuery 提供了 slideUp 和 slideDown 插件，可以实现类似的效果，但这不是滑动操作。

相关文章：