<i>Terrace View <a href='http://sniperyu.deviantart.com/'>by Marko Manojlovic</a></i> NBG #1 <i><a href='http://picasaweb.google.com/azzazel'>by Goran Jovanovic</a></i> Navagio beach Zakynthos <i><a href='http://ivframes.com/'>by Ivan Jekic</a></i> Blue Window <i><a href='http://www.igorsrdanovic.com'>by Igor Srdanovic</a></i>


Documentaçã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


Exemplos



wave zipper curtain fountain top random top curtain alternate left top right bottom
<i>Terrace View <a href='http://sniperyu.deviantart.com/'>by Marko Manojlovic</a></i> NBG #1 <i><a href='http://picasaweb.google.com/azzazel'>by Goran Jovanovic</a></i> Navagio beach Zakynthos <i><a href='http://ivframes.com/'>by Ivan Jekic</a></i> Blue Window <i><a href='http://www.igorsrdanovic.com'>by Igor Srdanovic</a></i>
$("#example").jqFancyTransitions({
   position: 'curtain',
   direction: 'alternate'
});

Notas

Fonte: http://workshop.rs/projects/jqfancytransitions/