interruptor conteúdo jQuery e plugins fadein?
-
16-09-2019 - |
Pergunta
Para um projeto que eu gostaria de fazer um banner conteúdo que iria alternar entre várias "slides" (que contém HTML, imagens etc). Os "slides" são div elementos. O efeito slideIn usado por jCarousel não é o que o cara quer, ele wanst-lo para fadeIn / fadeOut os "slides" com cada um "slide" mostrado por 7 segundos.
Alguém sabe de um plugin que pode conseguir isso?
P.S. Tentei perguntar se alguém criou um efeito fadeIn / fadeOut para jCarousel mas a questão não teve qualquer resposta, então agora eu estou disposto a mudar o plug-in para um que faz esta tarefa específica.
Solução
Você já viu o jQuery Cycle Plugin ? Tem um tonelada de diferentes opções , um dos quais é um efeito de fade. Basta baixar o código do plugin e, em seguida, use o seguinte
$(function() {
$('div.slideshow').cycle({
fx: 'fade', // choose the fade transition type
timeout: 7000 // 7 second delay between fade in and fade out
});
);
assumindo suas imagens são todos dimensionados da mesma e em uma <div>
com class="slideshow"