Как интегрировать slick slider или swiper?

Question

Как slick slider или swiper вместо текущего в вёрстке. Файл с текущим и описание прилагаю, картинки выгружаются из базы данных

<?php $gallery = explode(", ", $images); ?>

        <?php if (is_array($gallery)) : ?>

            <a class="image-link" href="<?php echo filter_var($gallery[0], FILTER_SANITIZE_URL); ?>">
                <img class="imghead" src="<?php echo filter_var($gallery[0], FILTER_SANITIZE_URL); ?>" alt="Image">
            </a>


            <?php if (count($gallery) > 1) : ?>
                <div class="gallery-controls">
                    <div id="prev-slide" class="arrow-prev">&#10094;</div>
                    <div id="next-slide" class="arrow-next">&#10095;</div>
                </div>
            <?php endif; ?>

        <?php endif; ?>
    </div>

Answer 1

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

<div class="slider single-item">
  <?php if (is_array($gallery)) : ?>
    <?php foreach ($gallery as $item) : ?>
      <div class="item-slide">
        <a class="image-link" href="">
          <img class="imghead" src="<?php echo filter_var($item, FILTER_SANITIZE_URL); ?>" alt="Image">
        </a>
      </div>
    <?php endforeach; ?> 
  <?php endif; ?>
</div>
<script>
  $('.single-item').slick();
</script>

БЛОГ НА HUSL

Как интегрировать slick slider или swiper?

Ответы (1 шт):