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 = ['。div 1'，'。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/

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

2 个答案: