javascript - Jssor - reduce slides on smaller screens -


i working on full-width slider 1 x slides, displaying 4 slides @ time. looks great on large or medium screens, responsive script decrease width of slider on smaller screens drastically still contain 4 slides. there way adjust cols or slidewidth on smaller screens won't resize slides drastically?

$(document).ready(function(){     var jssor_1_options = {         $autoplay: true,         $autoplaysteps: 4,         $fillmode: 5,         $cols: 4,         $slidewidth: 313,         $slidespacing: 15,         $slideduration: 800,         $slideeasing: $jease$.$outquint,         $arrownavigatoroptions: {             $class: $jssorarrownavigator$,             $steps: 1,         },     };      var jssor_1_slider = new $jssorslider$("jssor_1", jssor_1_options);      function scaleslider() {         var refsize = jssor_1_slider.$elmt.parentnode.clientwidth;         if (refsize) {             refsize = math.min(refsize, 1920);             jssor_1_slider.$scalewidth(refsize);         }         else {             window.settimeout(scaleslider, 30);         }     }      scaleslider();     $(window).bind("load", scaleslider);     $(window).bind("resize", scaleslider);     $(window).bind("orientationchange", scaleslider); }); 


Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -