jquery flexslider鏈接到特定圖像

是否有可能在flexslider中顯示特定圖像，當從另一個主頁鏈接被點擊（如錨「www.mysite.html＃slider3」）？我有一個帶有textlinks的頁面。如果用戶點擊像「去滑塊3」這樣的鏈接，帶有彈性滑塊的網站就會出現並顯示滑塊3.jquery flexslider鏈接到特定圖像

請有人可以幫助我嗎？我已經閱讀過這個帖子（jQuery FlexSlider - Link to specific image），但這對我不起作用，我不知道爲什麼。

感謝與約我的英語不好對不起， CEDE

來源

2013-03-23 CeDe

Flexslider提供了一個名爲「startAt」，其接受表示滑動第一以顯示索引屬性。您也可以通過將'slideshow'參數設置爲false來禁用自動播放幻燈片。如果您在創建幻燈片之前抓取要開始的幻燈片參考，則可以使用這些參數。

// create a variable to store the slide index to start at. 
startAtSlideIndex = 0; 

// see if a tab anchor has been included in the url 
if (window.location.hash != '') { 

    // Set the startAtSlideIndex variable to one less than the ordinal passed 
    // note: if you have more than 9 slides, this will fall down and you'll 
    //  have to do some more complex string manipulation. 
    //  A querystring variable might be easier, especially if you use 
    //  someone else's url parser ;) 
    // Important: assumes the format of the hash is '#tabN' where N is the digit we want. 
    startAtSlideIndex = window.location.hash.substr(4,1)-1; 
} 

$("#flexslider-container").flexslider({ 

    // other flexslider params 

    // set the flexslider startAt param to the value of the startAtSlideIndex variable 
    startAt: startAtSlideIndex 

});

編輯：我忘記了位置對象有一個'哈希'屬性在我原來的答案。

來源

2013-04-11 17:15:13

嗨Michael，感謝您的回答！我很抱歉這麼晚回答。由於這不是我的主要工作，我甚至無法測試它。現在我會彌補並再次報告我。我有一個關於你的代碼的問題：什麼意思是「（4,1）」？不幸的是，我有超過9張幻燈片...我有什麼要更改代碼？非常感謝！ – CeDe 2013-06-16 13:21:33

哇！它很棒！再次感謝你！我只用了幾張圖片就嘗試過了，但現在我想讓它使用超過9張圖片。請你能告訴我我必須做什麼嗎？ – CeDe 2013-06-16 18:25:04

這又是我:-)看來，它適用於超過9張幻燈片太：我只是改變一下代碼：

// Important: assumes the format of the hash is '#tabNN' where NN is the digit we want. startAtSlideIndex = window.location.hash.substr(4,2)-0;

感謝和問候！

來源

2013-06-17 08:36:43 CeDe

jquery flexslider鏈接到特定圖像

回答

相關問題