comment intégrer une animation avec un fond transparent et CLICABLE ?

[Ekimasu]

bonjour,

Pouvez-vous aller à cette page :
http://ca.askmen.com/video/2007_jul/...aved_bell.html

la pub de droite, la bouteille d'alcool est une animation flash.
Si on attend un peu ya des flèches qui viennent de gauche qu ivont venir traverser la page pour la rejoindre.
Comment on fait ça ?
faire en sorte qu'une partie de l'animation soit en survole du contenu HTML (qui reste actif, clicable,normal quoi) à un endroit se comporte en animation flash à un autre côté de l'écran ?

c'est comme si on avait une animation qui fait tout l'écran et seulement la partie droite serait "opaque" et "active flash" alors que le reste (les flèches qui arriventà est sur fond transparent "troué" pour laisser le champ actif au HTML.

une idée ? un tutorial ?

ALLOCINE avait fait ça aussi à un moment : dans le coin supérieur droite de la page, il yavait une une corne de page, c'était une anim flash cliquable qui se dérouler sur l'ensemble du site....

mais comment on fait ça ??

[billoum]

Salut,

pour faire un fond transparent tu dois créer un movieClip avec une forme, tu lui donnes les dimensions que tu veux et quand tu utilises ce composant tu lui assignes un event (onpress, onrelease,..) et tu mets son _alpha à 0.. il sera transparent et cliquable !

Et si tu veux que les éléments html qui sont en-dessous du flash restent actifs, il suffit de ne pas assigner d' event au composant.

[Ekimasu]

donc on peut faire un site rond :
un cercle en animation flash dont le trou sera transparent et montrera le contenu HTML.

j'ai jamais vu ce genre de site, même pas chez les vendeurs de pneus...

[Nanit6]

Bonjour,
Si j'ai bien compris, on peut créer une animation flash qui soit en forme de L par exemple. Il suffit juste d'insérer une forme rectangulaire pour casser le rectangle initial puis de le convertir en symbole clip et de le rendre transparent. Est-ce cela ?

[titifrim]

Oulala je vous arrête tout de suite une anim flash ne peut être autre chose qu'un quadrilatère, ôtez-vous de la tête que vous allez pouvoir lui donner une forme de polygones biscornus... La technique employée pour ce genre de plub est tout simplement celle d'un calque CSS positionné en z-index et dans lequel se trouve une anim flash carré ou rectangle (quadrilatère donc !) en fond transparent ("wmode","transparent"). C'est tout !

[Ekimasu]

oui c'est bien ce que je pensais mais pourtant là où c'est transparent, on peut cliquer non? donc la forme quadrilatère est passive

[BnA]

Ben je pense que pour que l'anim soit cliquable, il y a un movieClip dont l'alpha est 0 tout en haut de la pile des calques de l'anim (avec un getURL dessus). Et pour avoir le fond transparent, wmode, comme l'a dit titifrim.

[titifrim]

En revanche j'ai pas fait le test sous différent navigateur pour contrôler si oui ou non les liens de la page html demeurent cliquables au travers du fond transparent.