Shefarol Soluções Web

Slick Slider - Voltar

Referência: Slick Slider

 

Insira as chamadas dentro do HEAD
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

 

Insira os arquivos Javascript antes da tag /BODY
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-3.4.0.js" integrity="sha256-0Nkb10Hnhm4EJZ0QDpvInc3bRp77wQIbIQmWYH3Y7Vw=" crossorigin="anonymous"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
		$(document).ready(function(){
		  $('.minha-galeria').slick({
		  	dots: true,
		  	infinite: true,
		  	centerMode: true,
		  	slidesToShow: 3,
		  	slidesToScroll: 1,
		  	autoplay: true,
		  	autoplaySpeed: 2000, 
		  	adaptiveHeight: true
		  });
		});
</script>

 

Baixe o pacote slick e descompacte em seu projeto

Baixe o pacote slick aqui