Comment faire animation transparente sur text

midiweb, le vendredi 17 juin 2005 à 12:20:43

salut, je suis débutant en HTML et avec les logiciels de webdesign comme Flash et Fireworks. Je voudrais savoir brièvement comment animer une image devant un texte que l'on voit par transparence.
Un exemple concret: j'ai un gif d'un oiseau en trait noir qui bat des ailes mais reste sur place. Je voudrais le faire avancer en ligne droite sur mon texte de gauche à droite, une seule fois, à l'ouverture de ma page d'index.
Mais on doit voir le texte car jusqu'a´présent je ne suis arrivé qu'á le faire défiler en dessous ou au dessus. Quand j'essaie de le mettre dessus, le texte se "dérobe". Comment résoudre cela? Merci

Répondre à midiweb Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Edoc, le vendredi 17 juin 2005 à 12:50:07

salut

-déjà tu dois avoir ton animation qui possède des transparences (avec GIMP, ou photoshop ) : tu supprimes le fond, qui ne correspond pas à l'oiseau (elle doit etre blache là peut-etre car tu ne vois plus le texte !)

-ensuite tu place ton image dans un <div> qui est positionné au point de départ de l'oiseau.

-avec javascript, tu changes les coordonnées de ce <div> suivant le temps, et l'oiseau avancera !

ps : si tu débutes, tu auras un peu dse boulot !

Répondre à Edoc

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

midiweb, le vendredi 17 juin 2005 à 13:08:51

Merci mais je connais rien au javascript! Je brûle peut-être les étapes mais je dois terminer pour quelqu'un un site web dans un mois. J'ai pas le temps d'apprendre tout cela. Je veux si possible, si cela n'est pas trop demander, le script javascript complet et je n'aurais qu'à rentrer mes propres paramètres.
Une sorte de script modèle qui servirait pour toute animation car je dois faire cela avec d'autres gifs d'animaux. Merci

Répondre à midiweb

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Edoc, le vendredi 17 juin 2005 à 13:20:05

euh si c'est un peu trop demandé ...

regarde d'abord les <div> et essaie de placer ton image dedans.

ensuite tu cherches comment changer les coordonnées de ce <div> en javascript (fr.selfhtml.org)

bonne chance ...

Répondre à Edoc

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

leroc, le dimanche 6 janvier 2008 à 15:24:43

je voudrai savoir avec quel logiciel peut-on faire un texre
defilant. merci

Répondre à leroc

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

giheller, le dimanche 6 janvier 2008 à 15:51:51

bonjour,
en html avec le tag MARQUEE
JL, m'enfin c'est juste mon avis @+

Répondre à giheller

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Genie12, le samedi 11 octobre 2008 à 09:18:45

moi je te dit telecharge blender d'abord tu cree ton objet favoris apres tu me les couleur puis voila tu fais play
mais tu verra tu va tapituer a sa ou alors telecharge pivot stick figure animator 2.2.5

Répondre à Genie12

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

midiweb, le samedi 11 octobre 2008 à 11:56:34

Merci. Le problème est déjà assez difficile à comprendre mais si en plus vous ne savez pas écrire en frannssais, cela complique la chose! ;-)

Répondre à midiweb

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

lermite222, le samedi 11 octobre 2008 à 13:18:12

Bonjour,
En Htlm (que je ne connais pas), n'y a t-il pas moyen d'employer les API Windows ?
A+
L'expérience instruit plus sûrement que le conseil. (André Gide)
Si tu te cogne à un pot et que ça sonne creux, c'est pas forcément le pot qui est vide. ;-)(Confucius)

Répondre à lermite222

Posez votre question Répondre