jquery-cycle2 - 如何使用jquery cycle 2连续 slider 但不止一张图像？

Question

我正在使用 jquery 周期 2 来获得连续的幻灯片效果... http://jquery.malsup.com/cycle2/demo/continuous.php

这是代码:

<div class="cycle-slideshow cycle-autoinit"
        data-cycle-fx="scrollHorz"
        data-cycle-slides="> div"
        data-cycle-speed="3000"
        data-cycle-pause-on-hover="true"
        data-cycle-timeout="1"
        data-cycle-easing="linear"
        data-cycle-carousel-visible=5>

       <div>
         <a href="@slide.Link" target="_blank">
           <img src="@Url.Content("~/content/cms/slideshow/")@slide.ImageName" alt="" /></a>
       </div> 
  <div>
         <a href="@slide.Link" target="_blank">
           <img src="@Url.Content("~/content/cms/slideshow/")@slide.ImageName" alt="" /></a>
       </div>                            
    </div>   

这有效。然而，只有一个图像在屏幕上滑动，然后下一个出现。我想要的是所有图像彼此相邻滑动，因此 5 个图像出现并旋转？

Answer 1

嗨，我认为您必须设置 data-cycle-fx=carousel。
尝试这个:

<div class="cycle-slideshow cycle-autoinit"
    data-cycle-fx="carousel"
    data-cycle-slides="> div"
    data-cycle-speed="3000"
    data-cycle-pause-on-hover="true"
    data-cycle-timeout="1"
    data-cycle-easing="linear"
    data-cycle-carousel-visible=5>

...

我现在无法测试它，但我希望它有效。

Cycle2's carousel transition plugin must be included in order to use the carousel effect.