如何使我的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 param：

(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
    });
});