Quel méthode pour animation simple en intro d'un site web

Bonjour,

Je dois réaliser une petit intro pour un site dont voici la description :

etape1 : une photo dont la taille fait 100% de la largeur de la page apparaît en fondu
etape2 : une vignette carrée apparaît en fondu à un endroit précis de l'image précitée
etape3 : cette vignette s'agrandit jusqu'à 90% de la hauteur de la page
etape4 : redirection automatique vers le site web

Je suppose que le plus pratique est de réaliser l'animation en flash mais est-il possible que je la conçoive sur after effect et que de là, je l'exporte en swf? Ou suis-je obligé de le faire sur un logiciel dédié uniquement à flash?

Est-ce que la commande de redirection devra également être implémentée dans le code de l'animation où pourra-t-elle figurer dans le code de la page html? (1er cas j'imagine)

Connaissez-vous un équivalent libre à adobe flash me permettant de réaliser cette petite animation via une interface graphique (et non en code pur)?

Merci d'avance

As-tu pensé à JQuery ? C'est, à mon sens, encore plus pratique que flash pour ce genre de choses

S'il est pas très orienté code, il risque de galéré un peu avec jQuery, même si c'est assez performant.
Le Flash est une alternative, au moins il y a une interface, mais Flash n'a pas d'équivalent libre (sinon ça se saurait!)

Et avec jQuery, le soucis risque d'être que si JS est désactivé, le site sera inaccessible (sauf si on prévoit un lien de secours)
Modifié par Redink (01 Jul 2010 - 12:00)

Jquery semble tout indiqué (ou tout autre librairie JS) pour faire ce que tu souhaite.

Côté accessibilité, en fait c'est tout à fait faisable.

Tu écris avec document.write une div qui cache tout le site et une autre qui contient l'animation en question.

Si JS désactivé, tu es directement sur le site (pas de redirection donc, juste faire mumuse avec Jquery )

Désolé de ne pas avoir répondu plus tôt.

Merci pour vos conseils, je vais de ce pas voir ce qu'il est possible de faire avec jquery.

J'ai déjà utiliser des modules de ce type mais qui était prêt à être utilisés. On va voir si j'arrive à tripoter le code de ces petites bêtes là. ^^

Bonne journée