• 04-08-2022, 15:07:45
    #1
    Merhaba, aşağıdaki koda responsive uygulamam gerekiyor.

    768px üzeri ekranda perPage:2 olacak 768px altında perPage:1 olacak şeklinde.

    Kodu tam olarak düzenleyecek yardım sever arkadaş var mıdır?

                var doubleSlider = document.querySelectorAll('.double-slider');
                if(doubleSlider.length){
                    doubleSlider.forEach(function(e){
                         var double = new Splide( '#'+e.id, {
                            type:'loop',
                            autoplay:true,
                            interval:4000,
                            arrows:false,
                            perPage: 2,
                        }).mount();
                    });
                }
  • 04-08-2022, 15:14:47
    #2
    var doubleSlider = document.querySelectorAll('.double-slider');
    var pagePer = (window.innerWidth <= 768) ? 1 : 2;
    if(doubleSlider.length){
        doubleSlider.forEach(function(e){
             var double = new Splide( '#'+e.id, {
                type:'loop',
                autoplay:true,
                interval:4000,
                arrows:false,
                perPage: pagePer,
            }).mount();
        });
    bu şekilde olur sanırım.
  • 04-08-2022, 15:14:54
    #3
    var doubleSlider = document.querySelectorAll('.double-slider');
    if(doubleSlider.length){
        doubleSlider.forEach(function(e){
             var double = new Splide( '#'+e.id, {
                type:'loop',
                autoplay:true,
                interval:4000,
                arrows:false,
                perPage: window.innerWidth < 768  ? 1 : 2
            }).mount();
        });
    }
  • 04-08-2022, 15:30:31
    #4
    darness adlı üyeden alıntı: mesajı görüntüle
    var doubleSlider = document.querySelectorAll('.double-slider');
    if(doubleSlider.length){
        doubleSlider.forEach(function(e){
             var double = new Splide( '#'+e.id, {
                type:'loop',
                autoplay:true,
                interval:4000,
                arrows:false,
                perPage: window.innerWidth < 768  ? 1 : 2
            }).mount();
        });
    }
    çok teşekkür ediyorum hocam
    dnaz adlı üyeden alıntı: mesajı görüntüle
    var doubleSlider = document.querySelectorAll('.double-slider');
    var pagePer = (window.innerWidth <= 768) ? 1 : 2;
    if(doubleSlider.length){
        doubleSlider.forEach(function(e){
             var double = new Splide( '#'+e.id, {
                type:'loop',
                autoplay:true,
                interval:4000,
                arrows:false,
                perPage: pagePer,
            }).mount();
        });
    bu şekilde olur sanırım.
    sizin kodunuz çalışmadı hocam