带有多个标题的jquery.cycle2转换插件

我正在尝试使用jquery.cycle2.js插件创建一个跨民族的旋转木马-。我希望这个旋转木马一次显示多个图像，如演示中所示。然而，我希望每张幻灯片都有自己的标题，这样每张图片下面都有一个标题。我所能做的就是一次在屏幕上显示一个标题，这不是我想要的。这是我的密码：

<div class="cycle-slideshow"
 data-cycle-fx=carousel
 data-cycle-timeout=1000
 data-cycle-caption="#alt-caption"
 data-cycle-caption-template="{{alt}}"
 data-cycle-carousel-visible=3
 data-cycle-carousel-fluid=true
 >
<img src='img1.jpg' alt='img1' />
<img src='img2.jpg' alt='img2' />
<img src='im3.jpg' alt='img3' />
<img src='img4.jpg' alt='img4' />
</div>
<!-- empty element for caption -->
<div id="alt-caption" class="center"></div>

<ul class="cycle-slideshow"
 data-cycle-fx=carousel
 data-cycle-timeout=1000
 data-cycle-slides="li"
 data-cycle-carousel-visible=3
 data-cycle-carousel-fluid=true
 >
<li><img src='img1.jpg' alt='img1' /><div>Caption 1</div></li>
<li><img src='img2.jpg' alt='img2' /><div>Caption 2</div></li>
<li><img src='im3.jpg' alt='img3' /><div>Caption 3</div></li>
<li><img src='img4.jpg' alt='img4' /><div>Caption 4</div></li>
</ul>

---

我想出来了。我们不能为此利用数据周期标题，而是需要利用数据周期幻灯片。这将允许我们使用图像/文本li元素作为幻灯片。这是我的密码：

<div class="cycle-slideshow"
 data-cycle-fx=carousel
 data-cycle-timeout=1000
 data-cycle-caption="#alt-caption"
 data-cycle-caption-template="{{alt}}"
 data-cycle-carousel-visible=3
 data-cycle-carousel-fluid=true
 >
<img src='img1.jpg' alt='img1' />
<img src='img2.jpg' alt='img2' />
<img src='im3.jpg' alt='img3' />
<img src='img4.jpg' alt='img4' />
</div>
<!-- empty element for caption -->
<div id="alt-caption" class="center"></div>

<ul class="cycle-slideshow"
 data-cycle-fx=carousel
 data-cycle-timeout=1000
 data-cycle-slides="li"
 data-cycle-carousel-visible=3
 data-cycle-carousel-fluid=true
 >
<li><img src='img1.jpg' alt='img1' /><div>Caption 1</div></li>
<li><img src='img2.jpg' alt='img2' /><div>Caption 2</div></li>
<li><img src='im3.jpg' alt='img3' /><div>Caption 3</div></li>
<li><img src='img4.jpg' alt='img4' /><div>Caption 4</div></li>
</ul>

标题1
标题2
标题3
标题4