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

Question

我有这个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格式有问题。谢谢

Answer 1

你试过使用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"
>