问在jquery-cycle2中，当使用data-cycle-fx="none“时，我在更改前的旧图像下面看到了前一个图像
EN

Stack Overflow用户

提问于 2013-05-16 18:00:48

回答 1查看 1.8K关注 0票数 2

我有这个img幻灯片，当我点击时它会改变。我希望图像改变时没有任何效果，就像在旧的jquery周期中一样，但是我得到了一个奇怪的效果，两个图像相互重叠，直到第二个图像最终出现，第一个图像消失。

        <div class="imgCyclerBody">
            <div><a href="#" class="prev"><img class="sortArrow" src="~/Content/imgs/arrow-left.png" alt="left"/></a></div>
            <div id="slideshow" class="cycle-slideshow" data-cycle-fx="none" data-cycle-hide-non-active="true" data-cycle-prev=".prev" data-cycle-next=".next">
                <img alt="Item" src="~/Content/imgs/image1.png" width="30" height="30" />
                <img alt="Item" src="~/Content/imgs/image2.png" width="30" height="30" />
                <img alt="Item" src="~/Content/imgs/image3.png" width="30" height="30" />
                <img alt="Item" src="~/Content/imgs/image4.png" width="30" height="30" />
                <img alt="Item" src="~/Content/imgs/Pixels.png" width="30" height="30" />
            </div>
            <div><a href="#" class="next"><img class="sortArrow" src="~/Content/imgs/arrow-right.png" alt="right"/></a></div>
        </div>

有谁知道如何避免这个问题吗？我从旧的jquery-cycle转到了新的jquery-cycle，因为当我使用fx：'none‘时，我的DIVs格式有问题。谢谢

jquery-cycle2

回答 1

Stack Overflow用户

发布于 2013-08-21 13:23:51

你试过使用easing插件吗？

这似乎在我的fiddle.上没有问题

<div class="cycle-slideshow" 
  data-cycle-slides="li" 
  data-cycle-fx='none' 
  data-cycle-speed='700' 
  data-cycle-timeout='7000' 
  data-cycle-pause-on-hover="true" 
  data-cycle-prev=".prev" 
  data-cycle-next=".next"     
  data-cycle-easing="easeOutBack"
>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16584428

复制

相似问题

问在jquery-cycle2中，当使用data-cycle-fx="none“时，我在更改前的旧图像下面看到了前一个图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery-cycle2中，当使用data-cycle-fx="none“时，我在更改前的旧图像下面看到了前一个图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery-cycle2中，当使用data-cycle-fx="none“时，我在更改前的旧图像下面看到了前一个图像
EN