Lancer gif au survol...

Lancer gif au survol... - HTML/CSS - Programmation

Marsh Posté le 17-06-2006 à 21:11:50    

:hello:  
 
Alors voilà, tout est quasiment dans le titre.  :ange:  
Je n'ai que peu de connaissance en HTML ( Shame on you ! ) mais j'ai de la volonté.
 
Non pas que je veuille apprendre tout le language mais je veux simplement modifier une page existante.
En fait il y en deux, une 'mère' et une 'fille'. :heink:  
 
Sur la 'fille', comme elle est plutôt longue, il y a des boutons tout au long pour revenir au début de la page.
Et moi je voudrai rajouter un bouton pour revenir à la page précédente, à la 'mère' donc.
 
Évidemment on va me répondre

Code :
  1. <A HREF="mere.htm">Page Précédente</A>

mais le truc c'est que j'aimerai rajouter un image ou plutôt un bouton animé GIF et qui lance l'animation quand on le survole...
 
Un tantinet compliqué ?
Désolé, je voudrai juste des pistes ou des liens; je ne veux nullement tout le code direct, ou au moins expliqué (oui, je sais que je suis exigent) que je comprenne le pourquoi du comment...
 
Merci aux courageux qui prennent le temps de me lire...


---------------
En tant que newbie je m'incline devant votre éminance.
Reply

Marsh Posté le 17-06-2006 à 21:11:50   

Reply

Marsh Posté le 17-06-2006 à 22:29:19    

il faut faire dans ce cas deux images : celle qui ne bouge pas (quand on n'est pas dessus) et celle qui bouge quand on est dessus
au passage sur l'image (onmouseover) on change le src="bidule.gif" par un src="bidule_animé.gif" grace a un peu de javascript
et a la sortie de l'image (onmouseout) on remet celle qui bouge pas
exemple :


<A HREF="mere.htm"><img id="bouton1" src="image_statique.gif" onmouseover="this.src='image_qui_bouge.gif';"  onmouseout="this.src='image_statique.gif';" /></A>  

Reply

Marsh Posté le 18-06-2006 à 12:51:23    

Merci, ça fonctionne nikel !  :jap: [:m@nu68]
 
Cependant, je le modifierai comme ça, c'est pour enlever le vilain cadre qui l'entourait
 

Code :
  1. <A HREF="mere.htm"><img id="bouton1" border="0" src="image_statique.gif" onmouseover="this.src='image_qui_bouge.gif';"  onmouseout="this.src='image_statique.gif';" />
  2. </A>


 
et puis j'ai vu que yavais le bouton 'haut de page' entre deux traits, alors pour faire pareil, j'ai juste adapté ce qu'il y avait et ce que tu m'as dit pour donner au final
 

Code :
  1. <table width="300" align="left"><tr>
  2. <td><hr></td>
  3. <td width="20">
  4. <A HREF="mere.htm"><img id="bouton1" border="0" src="image_statique.gif" onmouseover="this.src='image_qui_bouge.gif';"  onmouseout="this.src='image_statique.gif';" />
  5. </A>
  6. </td><td><hr></td></tr></table><br>


 
Enfin merci pour tout  :bounce:  :bounce:  :bounce:  :bounce:  :bounce:


---------------
En tant que newbie je m'incline devant votre éminance.
Reply

Marsh Posté le 18-06-2006 à 17:55:41    

ya pas de quoi !!
pour le bord, oui c'est sur, mais tu devrais le faire en CSS c'est plus propre

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed