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插件，但它不是一个轻扫动作。

JQuery图像转换。向上滑动

1 个答案: