Динамическое обновление BxSlider при добавлении новых изображений с помощью Ajax

Question

Я использую BxSlider jQuery для отображения ряда изображений в слайдере. Я загружаю изображения в неупорядоченный список, и они отображаются в слайдере. Все хорошо до сих пор.

Итак, вот проблема, которую я пытаюсь решить. У меня много фотографий, и я хочу загрузить только первые 40 для стартеров. Когда ползунок достигает последнего, я планирую добавлять новые через запрос Ajax.

Возможность перезагрузки ползунка для получения новых изображений осуществляется с использованием следующих методов.

• reloadSlider()
• destroySlider()

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

Любые предложения/помощь по этой проблеме? Спасибо.

Answer 1

Это может быть слишком поздно для вас, но не для других, bxSlider API позволяет получить текущий слайд с

yourSlider.getCurrentSlide() 

Таким образом, вы можете сохранить свой текущий индекс слайд где-то и использовать его еще раз, когда вы перезагрузить слайдер с

yourSlider.reloadSlider() 

с помощью опции startSlide

Это будет идти об этом так:

var mySlider = $('.bxslider').bxSlider(); 

/* The part where you add your images */ 

var currentSlide = mySlider.getCurrentSlide(); 

mySlider.reloadSlider({ 
    startSlide: currentSlide, 
    //whatever your options were 
});