2

我有这张 img 幻灯片，当我点击时会发生变化。当图像更改时，我不希望有任何效果，就像它曾经在旧的 jquery 循环中一样，但是我得到了一个奇怪的效果，即 2 个图像相互重叠，直到第二个图像最终出现，然后第一个图像消失。

        <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 循环转移到新的循环，因为当我使用 fx:'none' 时，我的 DIV 格式有问题。谢谢

4

1 回答 1

1

您是否尝试过使用缓动插件？

这似乎对我的小提琴没有问题。

<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"
>
于 2013-08-21T05:23:50.647 回答