如何向JCarousel添加说明

Question

我正在使用jcarousel。我无法在滑块中为照片添加说明。

<div id="jcarousel">
    <ul id="mycarousel" class="jcarousel-skin-tango">
        <li>
            <img src="images/about_img1.jpg"/>
        </li>                
    </ul>
</div>

Answer 1

您可以在jCarousel容器之后创建一个div，并在jQuery中更改下一个和上一个按钮单击回调函数的div内容。检查一下：

<div id="jcarousel">
    <ul id="mycarousel" class="jcarousel-skin-tango">
        <li>
            <img src="images/about_img1.jpg"/>
        </li>                
    </ul>
</div>
<div id="description">
    <label id="caption">First image</label>
</div>

在你的jquery代码中：

保留数据结构，比如说所有字幕的数组。并根据显示的图像更改标题。

希望这有帮助。