diapositive larghezza fissa con carosello chiazza di petrolio

Question

è lì che questo può essere realizzato ad esempio in modo che le diapositive non regolano in larghezza a seconda delle dimensioni della vista: Il mio esempio è qui:

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

E il codice è come segue:

$('.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

È possibile utilizzare l'impostazione della larghezza variabile. Questo dice chiazza di petrolio di lasciare il vostro CSS fare il lavoro:

variableWidth: true 

Answer 2

controllare la versione slick.js - variableWidth è stato aggiunto alla versione 1.3.8 il 30 settembre, 2014.

Answer 3

Se si imposta variableWidth su true, assicurati di non utilizzare l'impostazione Diapositive, o il cursore non avanzi.