爲頁面加載設置jQuery滑塊的當前幻燈片Easy Slider

我使用jQuery滑塊Easy Slider，並將幻燈片作爲其他頁面的鏈接。加載的其他頁面也具有相同幻燈片的滑塊，具有相同的鏈接，順序相同。爲頁面加載設置jQuery滑塊的當前幻燈片Easy Slider

我無法弄清楚當頁面加載時如何設置當前幻燈片。

例如：有四張幻燈片。當單擊幻燈片3並加載頁面時，我希望滑塊位於幻燈片3上。遵循鏈接令人沮喪，然後必須瀏覽以前的幻燈片。

我最初是從AJAX的幻燈片鏈接加載額外的頁面，但有另一個jQuery腳本，當額外的頁面加載和$（document）.ready函數不會被調用時調用。

我還沒有修改Easy Slider腳本中的任何內容，並且正在使用它的默認選項。這裏是幻燈片的Easy Slider示例代碼。

<!-- markup example for $("#slider").easySlider(); --> 
<div id="slider"> 
    <ul> 
     <li><a href="someLink1"><img src="images/01.jpg" alt="" /></a></li> 
     <li><a href="someLink2"><img src="images/02.jpg" alt="" /></a></li> 
     <li><a href="someLink3"><img src="images/03.jpg" alt="" /></a></li> 
     <li><a href="someLink4"><img src="images/04.jpg" alt="" /></a></li> 
    </ul> 
</div>

我想它應該是可能的ID添加到李標籤並以某種方式修改JS來引用......只是不知道從哪裏開始。

任何幫助和指導將是恆星！

謝謝。

來源

2011-06-16 danstever

我不知道該插件具體，但我可以建議你使用AnythingSlider - http://css-tricks.com/anythingslider-jquery-plugin/ - 這將允許您使用散列標籤鏈接到特定的幻燈片。所以你的鏈接會附加一些類似於＃slide-4的東西 - 插件會將其設置爲活動鏈接。

來源

2011-06-16 16:39:30

我要檢查一下......我會讓你知道的。 – danstever 2011-06-16 18:03:23

爲了節省時間，我抓了調試，然後與AnythingSlider一起去了。這件事很好。 – danstever 2011-06-23 21:32:37

您可以使用，雖然AJAX的.live（）函數調用你的舊腳本http://api.jquery.com/live/

或使用服務器端（PHP）改變imgaes

或者jQuery的順序查找元素並刪除與.detach（），然後.append（）把它放回在堆棧的頂部

希望這有助於

來源

2011-06-16 16:39:07 webLacky3rdClass

我試過了，它沒有工作。我認爲這些問題可能是因爲我在使用Drupal，所以有些東西有點棘手。 – danstever 2011-06-16 18:03:54

只要JS是正確的，它就不會產生它製作的東西。 Drupal將處理後端而不是瀏覽器端，如果最後一個不工作，我會重新訪問Jquery調用。 – webLacky3rdClass 2011-06-20 04:20:35

我還沒有與滑塊測試這一點，但它應該工作的邏輯（使用jQuery插件的cookie）：

// check if a cookie is stored 
if($.cookie('pageId') != null){ 
    // change the order of the li elements according to cookie ID stored 
    $('#slider ul li:lt('+$.cookie('pageId')+')').appendTo($("#slider ul")); 
} 

// initiate slider 
$("#slider").easySlider(); 

// handle click events 
$('#slider a').click(function(e){ 
    // prevent the click from going through 
    e.preventDefault(); 
    // store cookie with clicked item index 
    $.cookie("pageId",$('#slider a').index(this)); 
    // forward the user onwards to the link url 
    window.location = $(this).attr('href'); 
});

來源

2011-06-16 16:42:11 Niklas

我真的很想知道你在哪裏與這一個領導......但它沒有奏效。我確保下載幷包含cookie插件。任何想法？ – danstever 2011-06-16 18:04:33

@danstever有沒有JavaScript錯誤？有什麼事情發生？你有鏈接預覽它的地方？ – Niklas 2011-06-16 18:08:39

沒有任何錯誤。它只是表現得像以前一樣。 – danstever 2011-06-16 18:28:02

爲頁面加載設置jQuery滑塊的當前幻燈片Easy Slider

回答

相關問題