次のことをしなければなりません: 画像スライダーの下にコンテンツ スライダーがあります。人がコンテンツ スライダーのカテゴリを切り替えるたびに、画像スライダーは別の一連の画像を表示する必要があります (私はワードプレスを使用しているため、カテゴリの別のループです)。ただし、サイト全体をリロードする必要はありません。
そのための良いリソースを知っていますか?
次のことをしなければなりません: 画像スライダーの下にコンテンツ スライダーがあります。人がコンテンツ スライダーのカテゴリを切り替えるたびに、画像スライダーは別の一連の画像を表示する必要があります (私はワードプレスを使用しているため、カテゴリの別のループです)。ただし、サイト全体をリロードする必要はありません。
そのための良いリソースを知っていますか?
何かのようなもの -
画像を提供する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; }
});
}
上記のソリューションとは異なるものをお勧めします.jqueryライブラリを拡張して、スライダーレベルに応じて非表示/表示する必要がある一連のクラスで初期化できるようにします。
拡張機能は、さまざまな div に与えられるさまざまなクラスの配列を受け入れます
var level= ['.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/