0

Спасайте плз ._.

Нужно сделать свайпер с изображениями с помощью Swiper js у меня была 6 версия но там был баг с margin top поэтому сказали перейти на 7 версию. Когда я перешёл на неё вроде все настроил, но слайды не исчезают и появляется нижний скролл.

введите сюда описание изображения

вот код:

  new Swiper(".gallery__swiper-container", {
    loop: false,
    slideClass: 'gallery__swiper-slide',
    pagination: {
      el: '.gallery__swiper-pagination',
      type: 'fraction',
    },

    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    slidesPerView: 4,
    slidesPerGroup: 6,
    grid: {
      rows: 2,
      fill: "row",
    },
    spaceBetween: 10,
  });

Не знаю возможно проблема в HTML?

3
  • slidesPerView: 4 у вас стоит, соответственно, у вас и отображается 4 слайда. Пример реализации данного слайдера есть в кодпене у куратора курса по верстке
    – Summersby
    19 янв 2022 в 10:12
  • пример есть вот только он не работает
    – KRAK45
    19 янв 2022 в 10:16
  • codepen.io/dmitrij-borisenko-the-lessful/pen/XWgNeOR смотрите внимательно)
    – Summersby
    19 янв 2022 в 10:19

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.