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

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

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

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

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

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


javascript jquery ajax bxslider
person Bogdan Goie    schedule 11.12.2013    source источник
comment
Я просто подумал, может быть, как-то запомнить индекс последнего изображения и переписать reloadSlider, чтобы он начинался с этого индекса? Не уверен, что это возможно... Кстати, я новичок в jQuery/Ajax :)   -  person Bogdan Goie    schedule 11.12.2013

Ответы (1)


arrow_upward
4
arrow_downward

Для вас может быть слишком поздно, но не для других, 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
});
person Ancom    schedule 17.02.2014
comment
Спасибо. Только что заметил ответ. Скоро попробуем и сообщим, как пойдет. Ваше здоровье. - person Bogdan Goie; 15.03.2014
comment
@BogdanGoie Мне нужна аналогичная функция на моем сайте. Можете ли вы поделиться кодом для загрузки изображений через AJAX или полным кодом для этого? - person Mohit; 03.01.2019