javascript - jQuery 图像转换。向上滑动

Question

我在网上搜索过，但没有找到与我所追求的完全匹配的任何东西。我想使用滑动过渡来改变我的图像。就像可以在 Windows 8 预览版视频 ( http://windows.microsoft.com/en-US/windows-8/release-preview ) 中看到的那样，在最初的几秒钟内，平铺图像变为文本，然后变为某些内容别的。这可以在 JQuery 中完成吗？或者，还有更好的方法？

谢谢。

编辑：我在这里找到了想要的效果：http: //malsup.com/jquery/cycle/browser.html在左侧的“scrollUp”选项下。但我一辈子都不能让它在我的页面上工作！谁能指导我在以下脚本中提供的代码应该放在哪里？

<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>

Answer 1

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