用油滑轉盤

jquery

2014-09-10 108 views 5 likes

固定寬度的幻燈片有，這是可以實現的，即讓幻燈片不依賴於視口大小寬度調節：我的例子是在這裏：用油滑轉盤

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>'; 
        } 
       } 
      } 
      ] 
});

來源

2014-09-10 user1937021

相關http://stackoverflow.com/questions/23273506/how-can-i-change-the-width-and-height-of-slides-on-slick-carousel – 2016-02-09 10:39:07