Jquery Cycle2上的旋转木马滑动尺寸 - 固定宽度/高度

时间:2013-06-04 09:44:52

标签: jquery-cycle

在此页面上,它表示您可以设置每张幻灯片的宽度和高度:

http://jquery.malsup.com/cycle2/demo/carousel.php

carousel-slide-dimension =每张幻灯片的宽度(horz carousel)或高度(vert carousel)。如果未设置此选项,则将从第一张幻灯片的尺寸推断出该值。

但我如何将其完全添加到代码中?目前尚不清楚:

<div class="slideshow" 
    data-cycle-fx=carousel
    data-cycle-timeout=1000
    >
    <img src="http://malsup.github.com/images/beach1.jpg">
    <img src="http://malsup.github.com/images/beach2.jpg">
    ...
    <img src="http://malsup.github.com/images/beach9.jpg">
</div>

1 个答案:

答案 0 :(得分:1)

使用cycle2的所有属性都以“data-cycle-”开头,因此对于carousel-slide-dimension,您只需添加如下:

data-cycle-carousel-slide-dimension=300
幻灯片div中的

(以及任何尺寸)。

希望这有帮助!