用ajax和jquery更改滑塊的內容

Question

我必須做以下事情：我在圖像滑塊下有一個內容滑塊。每當人在內容滑塊的類別之間切換時，圖像滑塊應該顯示另一組圖片（我使用wordpress，所以它是另一個類別的循環），但是沒有重新加載整個站點。

你知道有什麼好的資源嗎？

Answer 1

喜歡的東西 -

在你的PHP，這將成爲了圖像 -

if($_GET['ajax'] == 1) { 
    //echo relevant images; 
} 

和jQuery代碼將

function sliderMove() { 
    //may also need to pass slider id in here so you know what images to get 
    $("#picturediv").load("./test.php?ajax=1"); 
    //OR 
    //to customize your call more, you could do 
    $.ajax({ 
    method: "GET", 
    url: "./test.php?ajax=1", 
    success: function(data) { $("#picturediv").html(data); }, 
    error: function(err){ Some_Error_Div.innerHTML = err; } 
    }); 
} 

Answer 2

好，我會從上面建議的東西不同勢解決方案..擴展jQuery庫，以便您可以啓動它需要隱藏/顯示取決於滑塊級別的一堆類。

擴展將接受不同類的數組被提供給您的各種div的 說

VAR值= [」 .div1' ， 'DIV2'， 'DIV3']

現在基於滑塊的位置，您將隱藏/顯示div。

因此如果滑塊位於2，那麼你這樣做$(level[2]).show()和$(level[1]).hide() and $(level[3]).hide()

，或者你可以用這樣一個圖書館：http://nivo.dev7studios.com/#usage

這裏有一些更多：http://vandelaydesign.com/blog/web-development/jquery-image-galleries/