jqFancyTransitions é um plugin jQuery fácil de usar para mostrar suas fotos como slideshow com efeitos de transição fantásticos.
jqFancyTransitions é compatível e totalmente testado com Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
Não comprimido (6.3kb)
Compactado (4.7kb)
Lista de discussão
Este plugin é realmente fácil de usar. Após baixar o plugin e incluí-lo em sua página, tudo que você faz é criar um elemento com alguma ID na sua página e colocar um código semelhante a:
$("#placeHolderID").jqFancyTransitions();
O código acima irá tomar todas as imagens do elemento e criar o slideshow. Se você quer inserir legendas para as imagens apenas acrescente texto na tag alt.
<div id='placeHolderID'>
<img src='img1.jpg' alt='img1' />
<img src='img2.jpg' alt='img2' />
<img src='img3.jpg' alt='img3' />
</div>
Você tem três efeitos pré-definidos que pode usar:
Naturalmente você pode criar efeitos personalizados combinando as opções como a velocidade, número de faixas, direção, tipo de efeito, etc.
effect: '' // wave, zipper, curtain
width: 500 // largura do painel
height: 332 // altura do painel
strips: 20 // número de faixas
delay: 5000 // delay entre as imagens em ms
stripDelay: 50 // delay entre as faixas em ms
titleOpacity: 0.7 // transparência do título
titleSpeed: 1000 // velocidade que o título aparece em ms
position: 'alternate' // top, bottom, alternate, curtain
direction: 'fountainAlternate' // left, right, alternate, random, fountain, fountainAlternate
$("#example").jqFancyTransitions({
position: 'curtain',
direction: 'alternate'
});