用油滑转盘

Question

固定宽度的幻灯片有，这是可以实现的，即让幻灯片不依赖于视口大小宽度调节：我的例子是在这里：

http://machinas.com/wip/hugoboss/responsive-template/v4/

而且代码如下所示：

$('.main-slider').slick({ 
     centerMode: true, 
     centerPadding: '0px', 
     slidesToShow: 3, 
     dots: true, 
     speed: 1200, 
     slidesToScroll: 1, 
      infinite: true, 
      customPaging: function(slick,index) { 
       return $('.thumbnails').eq(index).find('img').prop('outerHTML'); 
      }, 
      responsive: [ 
      { 
       breakpoint: 640, 
       settings: { 
       arrows: false, 
       dots: true, 
       centerMode: false, 
       slidesToShow: 1, 
       customPaging: function(slick,index) { 
        return '<button type="button" data-role="none">' + (index + 1) + '</button>'; 
        } 
       } 
      } 
      ] 
}); 

Answer 1

您可以使用变量宽度设置。这告诉光滑，让你的CSS做的工作：

variableWidth: true 

Answer 2

检查slick.js版本 - variableWidth加入到1.3.8版本，在9月30日，2014年

Answer 3

如果设置variableWidth为true，确保你不使用slidesToShow设置，否则滑块不会前进。