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

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

1 个答案: