在flexslider之外更改div

【问题标题】：Change div outside flexslider在flexslider之外更改div
【发布时间】：2014-03-19 22:07:10
【问题描述】：

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

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

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

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

【问题讨论】：

标签： jquery flexslider

【解决方案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

【讨论】：

非常感谢。它工作完美。一个问题，这是否也可以通过获取帖子的 Wordpress 标题来实现？那绝对很棒！
@Caspert 不客气，应该是，你只需要能够以某种方式获得帖子的标题......