jquery-cycle - Jquery Cycle2 上的轮播幻灯片尺寸 - 固定宽度/高度

Question

在此页面上，它说您可以设置每张幻灯片的宽度和高度：

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

carousel-slide-dimension = 每张幻灯片的宽度（水平旋转木马）或高度（垂直旋转木马）。如果未设置此选项，则将从第一张幻灯片的尺寸推断该值。

但是我如何将它准确地添加到代码中？目前尚不清楚：

<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>

Answer 1

cycle2 的所有属性都以“data-cycle-”开头，因此对于 carousel-slide-dimension，您只需像这样添加：

data-cycle-carousel-slide-dimension=300

在您的幻灯片 div（以及任何尺寸）中。

希望这可以帮助！