jquery - 使用 ajax 和 jquery 更改滑块的内容

Question

我必须做以下事情：我在图像滑块下方有一个内容滑块。每次用户在内容滑块的类别之间切换时，图像滑块应该显示另一组图片（我使用 wordpress，所以这是另一个类别循环），但不会重新加载整个网站。

你知道有什么好的资源吗？

Answer 1

好吧，我会建议与上述解决方案不同的东西。扩展 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/

Answer 2

就像是 -

在您将提供图像的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; }
  });
}