Question

我使用caroufredsel插件的第二个示例（请参阅此页http://caroufredsel.frebsite.nl/），我正在尝试为每张图片添加标题。

我用il和lis做到了这是我的HTML代码：

<div class="list_carousel">
    <ul id="foo2">
        <li><img src="images/carousel/billboard_img1.jpg" /></li>
        <li><img src="images/carousel/billboard_img2.jpg" /></li>
        <li><img src="images/carousel/billboard_img3.jpg" /></li>
        <li><img src="images/carousel/billboard_img4.jpg" /></li>
    </ul>
    <div class="clearfix"></div>
    <div id="pager_container" class="pager">
    </div>
</div>

当我在'li'下添加带有文本的div时，我在4'lis'中得到相同的文本。

如何解决此问题以获取每个项目的不同文本？

感谢您的帮助

Answer 1

请务必在<div>标记中加入<li>，如下所示：

<div class="list_carousel">
    <ul id="foo2">
        <li><img src="images/carousel/billboard_img1.jpg" /><div>MyText</div></li>
        <li><img src="images/carousel/billboard_img2.jpg" /><div>SomeOtherText</div></li>
        <li><img src="images/carousel/billboard_img3.jpg" /><div>MoreHere</div></li>
        <li><img src="images/carousel/billboard_img4.jpg" /><div>SampleText</div></li>
    </ul>
    <div class="clearfix"></div>
    <div id="pager_container" class="pager">
    </div>
</div>

为jquery caroufredsel插件项添加标题

1 个答案: