jquery-cycle2 – 如何使用jquery循环2连续滑块但多个图像？

2019年8月4日 188次阅读

我正在使用
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个正在出现并在旋转时转动？

最佳答案 如果它有帮助,这是一个你想要的例子：
http://jsfiddle.net/CersX/2/

我基本上添加了data-cycle-carousel-fluid = true data-cycle-easing =“linear”.

只需换掉你的图像.

I based my code from 07001

点赞