efeitos de transição de imagem JS / jQuery - cortinas?

Question

Eu gostaria de um efeito de transição entre 2 ou mais imagens. Eu sei que as transições simples pode ser feito facilmente em JQuery, especialmente com a Ciclo plugin, mas eu quero algo mais complexo. Como este , embora seja um mau exemplo. efeito de estilo 'blinds' A onde você pode ver uma imagem através do outro como ela muda. Espero que eu esteja clara.

Eu realmente gostaria de evitar o uso de Flash, se possível.

---

Eu usei animate algumas vezes já. O que eu quero é uma maneira de implementar o estilo de transição I ligada a, seja pronto ou com uma pequena ajuda. Meu problema é que a imagem é essencialmente dividida, não apenas movido. Talvez haja uma maneira de usar máscaras?

Answer 1

Se você está bem com a opção de persianas verticais, há um jQuery muito liso plugin de fora, agora que vai fazer o efeito que você está procurando: http://nivo.dev7studios.com

Answer 2

blinds diagonais vão ser quase impossível apenas com javascript. Eu posso pensar de algumas maneiras de fazer isso com arquivos de imagem, mas seria um hack santo e a animação é improvável que seja suave. Há provavelmente maneiras de fazer isso com lona, ??mas isso seria uma dor de cabeça, mas também porque você tem que usar um Canvas-> VML para fazê-lo funcionar com o IE.

Se você está bem com blinds horizontal / vertical, basta adicionar um monte de divs e animar a largura / altura.