在flexslider之外更改div

Question

我想知道是否可以更改flexslider幻灯片上的一些文字。例如，如果幻灯片1被激活，它将显示“第一张幻灯片”作为flexslider外部的文本。当幻灯片2激活时，文本将淡入幻灯片外的“第二张幻灯片”。

这可能吗？或者我可以制作一个标题，然后淡出和淡出该标题？

我的JS小提琴：http://jsfiddle.net/7Wq4a

$('.flexslider').flexslider({
    animation: "slide",
    controlNav: true,
    directionNav: true
});  

Answer 1

我建议你使用属性currentSlide，并触发after事件的变化，如下所示：

$('.flexslider').flexslider({
    animation: "slide",
    controlNav: true,
    directionNav: true,
    after: function(slider){
        var newtext = '';
        switch(slider.currentSlide){
            case 0: newtext = "First Slide";
                break;
            case 1: newtext = "Second Slide";
                break;
            case 2: newtext = "Third Slide";
                break;
        }
        $('#text_outside').html(newtext);
    }
});  

工作JSFiddle Demo