6 203 Codepen

Адаптивная карточка со слайдером

Адаптивная карточка со слайдером swiper для использования на сайте.


HTML

CSS

JS

Плагин swiper для слайдера
https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.min.js
И jQuery
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
Инициализация плагина swiper
var swiper = new Swiper(".blog-slider", {
  spaceBetween: 30,
  effect: "fade",
  // autoHeight: true,
  pagination: {
    el: ".blog-slider__pagination",
    clickable: true
  }
});

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи