Discussion :

[robmoto]

Bonjour à tous,

Je suis en train de créer un site et avec ca j'ai réalisé une dizaine de boutons (en forme de sphère) + une animation gif qui doit venir se greffer au mon bouton quand on survole celui ci.

En fait quand on survolera le bouton à cliquer l'animation gif fera croire que 2 particules gravitent autour de mon bouton sphère.

Mon problème est que je n'arrive pas à ajouter l'animation des 2 particules par dessus le bouton ce qui fait que quand je survole le bouton, celui ci disparait il ne reste que les 2 particules (pourtant le fond est transparent)

je voulais avoir par exemple

bouton1 et quand je survole ca fait bouton1 + animation.
bouton2 et quand je survole ca fait botuon2 + animation.
etc ...

Est ce que la solution: 1 animation unique pour tous mes boutons existe ou alors faudra t il que je recrée un gif animé pour chaque bouton (et la ca me fait faire 10 fois plus de boulot)


J'espere que vous m'avez bien compris , j'utilise Adobe Golive 9 trial .

merci A+

[FraK]

Refais tes gifs en incluant la sphere dedans.
Un rollover se refere a 2 images, sans les conserver pour autant.
Si ta première image est une sphere et qu'au moment du rollover tu inclut l'image des particules sur fond transparent sans rien d'autre, alors le résultat sera la deuxieme image, c'est à dire les particules uniquement.
Tu dois conserver l'aspect de ton bouton, et lui implémenter un autre objet graphique.

[Oluha]

sans aucun code ou lien, difficile de t'aider. En plus je pense que c'est plus du ressort du javascript.

[Candygirl]

Est ce que la solution: 1 animation unique pour tous mes boutons existe ou alors faudra t il que je recrée un gif animé pour chaque bouton (et la ca me fait faire 10 fois plus de boulot)

c'est difficile de répondre sans voir à quoi ça ressemble exactement. Peux-tu poster une image d'un ou deux boutons avec et sans animation?

[robmoto]

voici un exemple de bouton avec un échantillon décomposé du "masque" que je veux qui s'ajoute au survol du bouton.

je veux qu'il s'ajoute au bouton sans le faire disparaitre de cette facon je peux utiliser la même animation sur tous les boutons du site,
sinon ca va être galère de devoir fusionner pour chaque bouton sachant que l'animation fait 22 images et si j'ai une dizaine de boutons ....aaaargh!

j'espere que vous avez une astuce mais comme l'a dis FraK , je vais peut être bien devoir tout faire un par un.

[Dsphinx]

Fais un rollover en CSS et met un gif animé avec tes effets à la place du bouton !

[robmoto]

Bon voila la bidouille que j'ai faite et je suis arrivé à mes fins.

Sur ma page principale je créée un nouveau calque qui prend exactement la dimension de mon icone sphère.
En fond de claque , j'applique l'image de ma sphère.
J'insère à mon claque une nouvelle image , qui est encore ma sphère.

Donc pour l'instant j'ai 2 images identiques superposées.

A mon image insérée, dans les options de survol ,j'inclue l'animation gif des particules.

Et le rollover permutera mon image de sphère avec le gif animé mais comme en fond de calque c'est encore ma sphère , les 2 se superposent et on y voit que du feu !

avec cette manip pas besoin pour chaque sorte de bouton de recréer le gif animé qui ira avec , la seule animation pourra aller partout.

Je sais pas si c'est très conventionnel!

[FraK]

mais pourquoi tu ne fais pas une image fixe avec ta sphere, et une autre animée ou tu rajoutes, en plus de la sphere, les particules.

IMAGE1 : image fixe
IMAGE2 : image animée

Rollover de 1 vers 2

2 min. montre en main ...

[robmoto]

Mais parce que il faut que je retraite toutes les images du gif une à une pour y mettre ma sphère.
si j'ai 10 boutons et un gif de 22 images , ca fait 220 images ou il faut recoller mon bouton, c'est longuet à faire...

alors j'ai bien essayé avec Adobe image ready , il décompose le gif en autant de calques , je peux bien d'un seul coup placer la sphère au bon endroit sur tous les calques en même temps mais en enregistrant, les couleurs de la sphère sont complètement en dehors de la palette initiale et c'est moche ca devient beige.

Voila pourquoi je tente de faire autrement sinon oui j'aurais fait la manip classique!

[FraK]

ah tres bien, je voyais pas pas la démarche derrière, je comprend mieux ^^