Изменение содержимого слайдера с помощью ajax и jquery

Question

Мне нужно сделать следующее: у меня есть слайдер контента под слайдером изображений.Каждый раз, когда человек переключается между категориями слайдера контента, слайдер изображений должен показывать другой набор картинок (я работаю с WordPress, так что это еще один цикл категории), но без перезагрузки всего сайта.

Вы знаете какой-нибудь хороший ресурс для этого?

Answer 1

ну, я бы предложил что-то отличное от приведенного выше решения. Расширьте библиотеку jquery, чтобы вы могли инициализировать ее с помощью набора классов, которые вам нужно скрыть / отобразить в зависимости от уровня слайдера.

Расширение будет принимать массив различных классов, которые передаются вашим различным элементам div. скажем

var level = ['.div1', '. Div2', '. Div3']

теперь в зависимости от того, где находится ползунок, вы будете скрывать / показывать это деление.

таким образом, если ползунок на 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; }
  });
}