【问题标题】:JQuery image transition. swipe upjQuery 图像转换。向上滑动
【发布时间】:2012-08-07 11:42:09
【问题描述】:

我在网上搜索过,但没有找到与我所追求的完全匹配的任何东西。 我想使用滑动过渡来改变我的图像。就像可以在 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>

【问题讨论】:

标签: javascript jquery image transition


【解决方案1】:

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

【讨论】:

  • 我已经设法在这里找到了我正在寻找的东西malsup.com/jquery/cycle/browser.html 它是左侧的“scrollUp”选项。但是尽管按照说明进行操作,我真的无法让它在我的页面上运行!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-20
  • 2012-03-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-06
相关资源
最近更新 更多