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

Question

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

0

Нужна помощь некоторых JQuery.

Я хочу использовать http://www.basic-slider.com/ на моей странице. У меня бесконечный свиток, который добавляет новые изображения. Некоторые из них представляют собой набор изображений, поэтому я хотел бы добавить слайдер для этих наборов. Похоже на это.

<ul class="images">
   <li id="1">  <img1>
                <img2>
                <img3> </li>
   <li id="2"> 
                <img1></li>
   <li id="3">
                <img2>
                <img3> </li>
.
.
<ul>

бесконечная нагрузка добавит больше <li> к .images через ajax. Я могу сделать html-изменения, такие как размещение изображений внутри другого <ul> но не уверен, как изменить код jquery.

Пожалуйста помоги.

aVC 20 окт. 2013, в 19:56

Источник

0

Вы используете плагин для своей бесконечной прокрутки?
Sajuna Fernando 20 окт. 2013, в 17:30
0

@SajunaFernando ну нет. Я просто использую jquery и проверяю closetoBottom и загружаю больше
aVC 20 окт. 2013, в 17:31
0

@SajunaFernando function onScroll (event) {// Проверить, что мы находимся в пределах 1500 пикселей от нижнего края более широкого окна. var closeToBottom = ($ (окно) .scrollTop () + $ (окно) .height ()> $ (документ) .height () - 1500); if (closeToBottom) {
aVC 20 окт. 2013, в 17:34

Показать ещё 1 комментарий

Теги:

jquery

html

1 ответ

Ещё вопросы

Вы используете плагин для своей бесконечной прокрутки?
@SajunaFernando ну нет. Я просто использую jquery и проверяю closetoBottom и загружаю больше
@SajunaFernando function onScroll (event) {// Проверить, что мы находимся в пределах 1500 пикселей от нижнего края более широкого окна. var closeToBottom = ($ (окно) .scrollTop () + $ (окно) .height ()> $ (документ) .height () - 1500); if (closeToBottom) {

Sajuna Fernando · Accepted Answer · 2013-10-20T16-32-00.000Z

Хорошо, так что вы можете сделать что-то подобное.

var imageBlock = 0; //THIS IS GLOBAL

затем создайте функцию, которая инициализирует плагин слайдера

function initializeSlider(imageBlock){
    $('#images' + imageBlock).bjqs({
      'height' : 320,
      'width' : 620,
      'responsive' : true
    });
 }

Затем, когда вы прокручиваете, если closeToBottom

if(closeToBottom){
  imageBlock = imageBlock + 1;
  initializeSlider(imageBlock);
}

Вы можете сделать то же самое и при загрузке страницы.

Примечание. Добавьте создаваемые элементы ul с индексом инкремента.