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.

Foi útil?

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"

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top