Показывать слайдер сова-карусель в зависимости от общего количества записей? - PullRequest
0 голосов
/ 31 декабря 2018

Я использую 2 плагина для отображения слайдера.Это работает со статическим, но как я могу установить динамический?

Я имею в виду, для вручную я устанавливаю 3, тогда я получаю 3 ползунка, но как установить динамически?В $ getTotalnumber я получаю записи из базы данных.Иногда я получаю итоговые записи 2,3 и 4. Как мне повторить этот пункт?Теперь я получаю 2 записи из базы данных, и мой ползунок 3 повторяется.Первый элемент повторяется.

<div class="owl-carousel owl-theme">
  <?php if($getTotalnumber){foreach ($getTotalnumber as $num) {?>
    <div class="item"><h4><?php echo $num->content;?>></h4></div>
  <?php }}?>
</div>

$('.owl-carousel').owlCarousel({
  loop: true,
  margin: 10,
  nav: true,
  mouseDrag: false,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    },
    1000: {
      items: 3
    }
  }
});

Я получаю вывод (текст только пример)

where are you?
How are you?
Where are you?// notice that this is repeating from first one

Мне нужен вывод

where are you?
How are you?

1 Ответ

0 голосов
/ 31 декабря 2018

Так что вам нужно всего лишь указать, сколько элементов нужно отобразить в конфигурации карусели совы:

<?php
if (!empty($getTotalnumber)) { ?>
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: true,
mouseDrag: false,
responsive: {
    0: {
    items: 1
    },
    600: {
    items: <?php echo count($getTotalnumber); ?>
    },
    1000: {
    items: <?php echo count($getTotalnumber); ?>
    }
}
});
<?php } ?>
...