jquery - flexsliderハッシュタグを互換性のあるものにする方法

Question

mypage.com/#slide1やmypage.com/#slide2のようなリンクを共有して、スライダーの特定のスライドを呼び出す方法はありますか？

ありがとう。

Answer 1

私は考えがあると思います：

最初に、ナビゲーション コントロールを備えたフレックススライダーを作成する必要があります

次に、slide1、slide2、slideX という名前のハッシュ タグを使用して、(X-1) 要素に移動する必要があることがわかっているので、例を次に示します。

(jQuery.noConflict())(function($) {
    //Get your hash tag
    var loc = $(location).attr('href');
    var idx = 1;
    if(loc.lastIndexOf('#') != -1)
    {
        idx = loc.substr(loc.lastIndexOf('#')+1).replace('slide', '');
    }

    //verify that idx is really a number
    if(isNaN(idx-0))
    {
        idx = 1;
    }

    //Click on your nav (idx starts at 0)
    $('.flex-control-nav li:eq('+(idx-1)+') a').trigger('click');
    });

これを行う別の方法は、次のように startAt パラメータを使用することです。

(jQuery.noConflict())(function($) {
    //Get your hash tag
    var loc = $(location).attr('href');
    var idx = 1;
    if(loc.lastIndexOf('#') != -1)
    {
        idx = loc.substr(loc.lastIndexOf('#')+1).replace('slide', '');
    }

    //verify that idx is really a number
    if(isNaN(idx-0))
    {
        idx = 1;
    }

    $('#yourFlexSlider').flexslider ({
        startAt: idx
    });
});