Rechercher : dans
Par :

Comment faire animation transparente sur text

Dernière réponse le 11 oct 2008 à 13:18:12 midiweb, le 17 jun 2005 à 12:20:43 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Comment faire animation transparente sur text » dans :
[Webmaster] Afficher des PNG transparents dans IE 5.5 et IE 6 VoirLe problème Les PNG transparents permettent de faire de très beaux effets sur les pages web. Tous les navigateurs le supportent (Firefox, Opera, Konqueror, Safari, Camino...)... sauf Internet Explorer 5.5 et 6 ! (Internet Explorer 7, lui, supporte...
[Navigateurs] Désactiver le son dans les animations Flash VoirCouper le son des animations Flash Cette astuce fonctionne pour tous les navigateurs installés sur l'ordinateur (puisqu'il s'agit d'un petit programme indépendant à installer). Si vous ne voulez plus vous faire surprendre par le son automatique...
Télécharger Ulead GIF Animator VoirPour votre site Web ou vos présentations PowerPoint, vous avez besoin de GIFs animés pour égayer vos pages. Ulead GIF Animator est le programme le plus abouti et le plus abordable en terme de création de GIF animé. L'application permet de créer une...

1

Edoc, le 17 jun 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

2

midiweb, le 17 jun 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

3

Edoc, le 17 jun 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

4

leroc, le 6 jan 2008 à 15:24:43

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

Répondre à leroc

5

giheller, le 6 jan 2008 à 15:51:51
  • +1

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

Répondre à giheller

6

Genie12, le 11 oct 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

7

midiweb, le 11 oct 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

8

 lermite222, le 11 oct 2008 à 13:18:12
  • +1

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é G­ide)  
Si tu te cogne à un pot et que ça sonne creux, c'est pas for­cément le pot qui est vide. ;-)(Confucius)

Répondre à lermite222