首页 > 解决方案 > 部分幻灯片从光滑滑块左侧的完整幻灯片开始

问题描述

当将slidesToShow 设置为小数时,Slick 能够显示部分幻灯片,例如1.5。但是如何定义部分幻灯片在哪一侧可见。Slick 在左侧显示部分幻灯片,但我需要它在右侧。另外我必须保持无限选项启用有没有人为此提供解决方案,CSS,事件脚本或修补 slick.js ?

{
   "draggable":true,
   "accessibility":false,
   "variableWidth":false,
   "slidesToShow":4,
   "slidesToScroll":1,
   "arrows":true,
   "dots":false,
   "swipeToSlide":true,
   "speed":300,
   "infinite":true,
   "responsive":[
      {
         "breakpoint":2000,
         "settings":{
            "slidesToShow":4,
            "slidesToScroll":1
         }
      },
      {
         "breakpoint":768,
         "settings":{
            "slidesToShow":3,
            "slidesToScroll":1
         }
      },
      {
         "breakpoint":480,
         "settings":{
          "centerMode": true,
            "slidesToShow":1.5,
           
            "slidesToScroll":1   
         }
      },
      {
         "breakpoint":0,
         "settings":{
            "slidesToShow":1,
            "slidesToScroll":1
         }
      }
   ]
}

标签: javascriptcss

解决方案


推荐阅读