• 09-01-2023, 13:05:15
    #1
    Web Tasarım ve Yazılım
    Kafayı yemek üzereyim
    2 li gösterim yaptığım bir swiper yapım var.
    Her şey sorunsuz ancak
    en baştaki 2 sıra gözükmüyor.
    3 sıradan başlıyor. Css ile düzeltiyorum bu sefer swiper bozuluyor
    loop istemiyorum sadece html de en başa yazdığımdan başlasın istiyorum şuan html de 3. yazdığımdan başlıyor
  • 09-01-2023, 13:11:00
    #2
    swiper configinizi paylaşsaydınız keşke
  • 09-01-2023, 13:12:41
    #3
    Web Tasarım ve Yazılım
    velmut adlı üyeden alıntı: mesajı görüntüle
    swiper configinizi paylaşsaydınız keşke
      new Swiper("#swiper2", {
                    spaceBetween: 10,
                    grid: { rows: 2 },
                     slidesPerGroup: 3,
                       initialSlide: 1,
    
                     rewind:true,
                    pagination: { el: ".swiper-pagination2" },
                    navigation: { nextEl: ".swiper-button-next2", prevEl: ".swiper-button-prev2" },
                    breakpoints: { 0: { slidesPerView: 3 }, 640: { slidesPerView: 3 }, 768: { slidesPerView: 3 }, 1024: { slidesPerView: 4 } },
                })
  • 09-01-2023, 13:16:35
    #4
    Bu kodu deneyin swiper css ve js sürümleri 4.2.2 ile değiştirmeyi deneyin.

    var mySwiper = new Swiper('.catSlider', {
    slidesPerView: 4,
    slidesPerColumn: 2,

    spaceBetween: 30,
    scrollbar: {
    el: ".swiper-scrollbar",
    hide: false,
    },

    breakpoints: {
    // when window width is <= 499px
    991: {
    slidesPerView: 1,
    slidesPerColumn: 4,

    }
    },
    scrollbar: {
    el: ".swiper-scrollbar",
    hide: false,
    },


    });