Se connecter avec
S'enregistrer | Connectez-vous

[HTML/JAVASCRIPT] changement d'image

Dernière réponse : dans Programmation

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.

Autres pages sur : html javascript changement image

Lassé par la pub ? Créez un compte

ca marche pas?...
Oublie les onmousexxxx
Fait ca en css... un truc genre :
XHTML
  1. <td class="myclass" width="250" align="center">


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

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 :) 
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde