用一张幻灯片循环播放插件标题

Question

如果滑块只包含一张幻灯片（image），我就看不到div（.caption），而如果滑块包含多张幻灯片，你会看到每张幻灯片的正确div（.caption）。

是否有after属性的替代方案？

非常感谢你的帮助！

这是代码：

<div id="slideshow">
    <div>
        <img src="images/slide1.jpg" width="500" height="500" />
    </div>
</div>

$('#slideshow')
    .after('<div id="products-nav">')
    .cycle({
        fx:     'fade',
        speed:  2000,
        timeout: 0,
        next:   '#next',
        prev:   '#prev',
        pager:  '#products-nav',
        after:function(curr,next,opts) {
            var index=opts.currSlide;
            $('#caption .caption:visible').fadeOut();
            $('#caption .caption').eq(index).fadeIn();
            tooltip();
        }
    });

Answer 1

添加选项slideExpr:"img"（或"div"）以强制循环来理解幻灯片是什么。目前，您没有多张幻灯片的列表，因此无法自动确定幻灯片是什么！

这里是slideExpr的演示：http://jquery.malsup.com/cycle/slideExpr.html