使用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 level= ['.div1','.div2','.div3']

现在根据滑块所在的位置您将隐藏/显示该 div。

因此，如果滑块位于 2，那么您可以执行类似 $(level[2]).show() 和 $(level[1]).hide() 和 $(level[ 3]).hide()

或者您可以使用类似的库： http://nivo.dev7studios.com/#usage

这里有更多：http://vandelaydesign.com/blog/web-development/jquery-image-galleries/