jquery - 带有一张幻灯片的循环插件标题

Question

.caption如果滑块仅包含一张幻灯片 ( )，我看不到 div ( image)，而如果滑块包含多张幻灯片，您会看到每张幻灯片的正确 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