/ / slideshow baseado em jquery / transições para conteúdo HTML - jquery, apresentação de slides

slideshow / transições baseadas em jquery para conteúdo HTML - jquery, slideshow

A pesquisa de rotadores com base no JQuery encontra apenaso plug-in original do rotator e várias galerias de fotos que eu não quero. Por favor, sugira outros rotadores disponíveis. O rotador deve poder girar o HTML não apenas imagens (como a ferramenta Glimmer, que pode criar código JQuery / HTML para rotação) imagens).

Respostas:

5 para resposta № 1

Por que usar plug-in "s? Use este liner (apenas o separei em 3 linhas para facilitar a leitura)

Vejo demonstração

Seu HTML deve ser algo como isto

HTML

<div class="yourContainer">
<div>some html</div>
<div>other html</div>
</div>

JS / jQuery

$(function(){
$(".yourContainer div:gt(0)").hide();
setInterval(function(){$(".yourContainer :first-child").fadeOut().next().fadeIn().end().appendTo(".yourContainer");}, 3000);
});

CSS (opcional = facilita a transição)

.yourContainer{ position:relative;}
.yourContainer div{ position:absolute; hight:300px; width:300px; background:red; }

1 para resposta № 2

E se:

Você pode até modificar / personalizar esses plugins para criar o tipo de efeito desejado.


1 para resposta № 3

Texto do link é bem legal. Eles mostram um exemplo de um empresa de folha de pagamento em suas demos que até se degradaram muito bem sem Javascript.


0 para a resposta № 4

Eu criei um plugin simples chamado Slider básico do jQuery. É simples e limpo e apenas faz o que deveria. Se você decidir usá-lo e tiver alguma dúvida, basta perguntar e eu o ajudarei.


0 para a resposta № 5

Na verdade, acabei usando o SlidesJS. Este por Zurb também é ótimo.