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/