post

Slide CSS + JS simples com Slick JS

Publicado em: 02/05/2023

Categorias: BlogCSSJavaScriptJS

Com a biblioteca do Slick JS você pode criar um slide de imagens ou HTML facilmente em qualquer site.

Você pode achar mais informações e a documentação completa sobre a biblioteca do Slick JS acessando https://kenwheeler.github.io/slick/.

<!-- SLICK CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<!-- SLICK JS -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>

<!-- Configurações -->
<script>
jQuery(document).ready(function(){
	jQuery('.container-slide-exemplo').slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		arrows: false,
		autoplay: true,
		autoplaySpeed: 2000,
		infinite: true,
		responsive: [
			{
				breakpoint: 1024,
				settings: {
					slidesToShow: 3,
					slidesToScroll: 1
				}
			},
			{
				breakpoint: 767,
				settings: {
					slidesToShow: 2,
					slidesToScroll: 1
				}
			}
		]
	});
});
</script>

Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/2763

ID de Referência: 2763

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários