Tom's Guide > Forum > Programmation > [HTML/JAVASCRIPT] changement d'image

[HTML/JAVASCRIPT] changement d'image

Forum Programmation : [HTML/JAVASCRIPT] changement d'image

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
defjamaica   01-02-2007 à 13:47:05

Bonjour,

Je souhaiterai que l'image de fond de mon menu change lors du passage de la souris.

Code:

<td onmouseover="this.style.backgroundColor='yellow'"
onmouseout="this.style.backgroundColor='green'" width="250" align="center">

Existerait-il un code dans le genre de celui ci-dessus mais gérant le changement d'image?

Toute autre solution est la bienvenue! Merci d'avance.

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
MoOx_t   01-02-2007 à 14:34:09
- 0 +

Code :
  1. <td onmouseover="this.style.backgroundImage='img/tonimage.jpg'"
  2.       onmouseout="this.style.backgroundImage='img/tonautreimage.jpg" width="250" align="center">


Ca devrai le faire...

------------------------------ Programmeur n.m : Celui qui résout un problème que vous n'aviez pas, d'une façon que vous ne comprenez pas.
 Répondre à MoOx_t
defjamaica   01-02-2007 à 14:46:56
- 0 +

Merci de ton aide... mais toujours pas....

Répondre à defjamaica
MoOx_t   01-02-2007 à 14:52:15
- 0 +

ca marche pas?...
Oublie les onmousexxxx
Fait ca en css... un truc genre :
XHTML

Code :
  1. <td class="myclass" width="250" align="center">



XHTML

Code :
  1. .myclass {
  2.     background: url(lelien de ton image); // genre ../image/tonimage.ext
  3. }
  5. .myclass:hover {
  6.     background: url(lelien de ton autre image); // genre ../image/tonautreimage.ext
  7. }

------------------------------ Programmeur n.m : Celui qui résout un problème que vous n'aviez pas, d'une façon que vous ne comprenez pas.
 Répondre à MoOx_t
defjamaica   01-02-2007 à 17:04:02
- 0 +

Je me suis arrangé autrement et ça marche avec les onMouseOver et onMouseOut.
Merci quand même.

Répondre à defjamaica
MoOx_t   01-02-2007 à 17:15:43
- 0 +

Si ca marche, tant mieux. mais je déconseille d'utiliser ces fameux onmousexxx.....
Plus de gens qu'on ne le crois surf sans javascript... Alors que le CSS, ca marche et y'a pas besoin de l'activer (bon je sais on peut désactiver les CSS mais apres la navigation en prend un coup en général, à la différence du javascript (sauf sur les sites mal faits...tu ne voudrais pas avoir un site mal fait non???????)

A lire :
Séparer le comportement de la structure

Un super script pour séparer le javascript du code html

Je susi consient que pour un débutant c'est plus facile de faire à la porcasse (comme un porc, tout dans le html). Mais à la longue, et surtout si tu veux faire évoluer ton site (chose quasi obligatoire car un site non-vivant, vivra encore moins...) il est préférable de bien totu structurer. Donc structurer ton code, tes css, tes javascripts...etc...

Moi je dis ça pour toi :)


Message édité par MoOx_t le 01-02-2007 à 17:29:41
------------------------------ Programmeur n.m : Celui qui résout un problème que vous n'aviez pas, d'une façon que vous ne comprenez pas.
 Répondre à MoOx_t
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > [HTML/JAVASCRIPT] changement d'image
Aller à :

Il y a 451 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,207 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens