Changer propriété body css img souris

IgiXcs Messages postés 172 Date d'inscription   Statut Membre Dernière intervention   -  
 hakazizi -
Bonjour,
je souhaiterais faire que lorsequ'au passage de la souris sur une image, l'image change MAIS AUSSI, changer la couleur d'arrière plan, ainsi que la couleur des textes présents dans la page! et aussi, le plus facile, mettre un lien sur l'image :)

Merci!
A voir également:

5 réponses

Réponse 1 / 5
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
Salut,

En css tu peux changes l'arrière de ce que tu survoles, après il faut utiliser du JavaScript pour que le survole d'un élément déclenche un évènement sur un élément tiers.
0
Réponse 2 / 5
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
J'ai tenté le coup mais ça ne fonction que sur Firefox.

onmouseover="changer_fond()"
Au survol on déclenche la fonction changer_fond()

onmouseout="defaut_fond()"
Quand on sort de la zone survolé on déclenche la fonction defaut_fond() 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>Changer le backgroun de body au suvol d'une image</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />		<meta name="robots" content="noodp" />
	</head>
	<body id="body">

		<script type="text/javascript">

		<!--

		// Couleur du fond par défaut
		function defaut_fond()
			{
				document.getElementById('body').style.background = '#FFF';
			}

		// Couleur du fond au survol de l'élément
		function changer_fond()
			{
				document.getElementById('body').style.background = '#999999';
			}
		// -->
		</script>

		<p><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" title="Google" alt="Logo google" onmouseover="changer_fond()" onmouseout="defaut_fond()" /></p>

		
	</body>
</html>
0
Réponse 3 / 5
IgiXcs Messages postés 172 Date d'inscription   Statut Membre Dernière intervention   94
 
ouai, j'ai vu :s
0
Réponse 4 / 5
s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
J'ai trouvé pourquoi ça ne fonctionne pas sur les autres navigateurs, j'ai oublié 2 " ; " 

		<p><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" title="Google" alt="Logo google" onmouseover="changer_fond();" onmouseout="defaut_fond();" /></p>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
hakazizi
 
moi ce que je voudrais pouvoir faire c'est changé le curseur au passage sur un <button><img src="monimage.jpg"></button>
merci par avance de votre aide.
0