[WordPress] 別の次と前の Flexslider の各スライドについてのテキスト

スポンサーリンク

Question

ワードプレスのカスタム ポストを使用して flexslider を作成した

私はこれらの記事のコンテンツから取り出した 6 スライド、合計 6 投稿をしている

のテキスト「次へ」を変更する必要があります、スライドの「前」のタイトルとして、次へおよび前投稿します

ここでは、現在使っている jQuery コード:

$('#ethosBotSection').flexslider({
            animation: "slide",
            slideToStart: 0,
            useCSS: false,
            controlNav: true,
            directionNav: false,
            slideshow: false,
            manualControls: '.ethosNav li',
            start: function(slider) {
                $('.ethosNav li').click(function() {
                    $('.flexslider').show();
                    var slideTo = $(this).attr("rel")
                    var slideToInt = parseInt(slideTo)
                    if (slider.currentSlide != slideToInt) {
                        slider.flexAnimate(slideToInt)
                    }
                });
            }
        });

感謝 & よろしく

答え

以下の js 関数を作成する場合:

function setText(slider) {
    var prev = slider.currentSlide - 1, // in case slider does not strat at 0
        next = slider.currentSlide + 1;

    if (prev < 0) {
        prev = slider.slides.length - 1;
    }

    if (next == slider.slides.length) {
        next = 0;
    }

    $('#ethosPrev a').text($(slider.slides[prev]).text());
    $('#ethosNext a').text($(slider.slides[next]).text());
}

開始し、 (上記のコメントで行く) flexslider 開始のイベント後に使用することができます:

$('#ethosBotSection').flexslider({
    animation: "slide",
    slideToStart: 0,
    useCSS: false,
    controlNav: true,
    directionNav: false,
    slideshow: false,
    manualControls: '.ethosNav li',
    start: function (slider) {
        setText(slider);
    },
    after: function (slider) {
        setText(slider);
    }
});

- トップ flexslider 開始からスタート機能を削除する注意してください

http://stackoverflow.com/questions/27778683/different-next-and-previous-text-for-each-slide-in-flexslider

スポンサーリンク

Leave a Reply