Afficher une image on mouseover
Fermé
siobhan
-
4 sept. 2011 à 11:55
adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 - 8 sept. 2011 à 15:06
adns Messages postés 1094 Date d'inscription vendredi 23 février 2007 Statut Membre Dernière intervention 27 mars 2012 - 8 sept. 2011 à 15:06
A voir également:
- Afficher une image on mouseover
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Ce programme est écrit en python. il construit un mot secret dans une variable mais il ne l'affiche pas. modifiez-le pour qu'il affiche le mot secret. exécutez-le. quel est ce mot secret ? ✓ - Forum Python
- Recherche par image - Guide
- Image iso - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
1 réponse
adns
Messages postés
1094
Date d'inscription
vendredi 23 février 2007
Statut
Membre
Dernière intervention
27 mars 2012
153
8 sept. 2011 à 15:06
8 sept. 2011 à 15:06
Bonjour,
Pour faire simple je te dirais qu'il te suffit d'appliquer une class par défaut à l'élément qui contient le background.
Tu créer une autre class par langue juste en y changeant l'image de fond.
Ensuite il ne te restera plus qu'a chaque passage de la souris à changer la classe de l'élément en question.
Perdu ?
un petit exemple : (je le fais avec le changement de couleur mais c'est pareil)
Adns
Pour faire simple je te dirais qu'il te suffit d'appliquer une class par défaut à l'élément qui contient le background.
Tu créer une autre class par langue juste en y changeant l'image de fond.
Ensuite il ne te restera plus qu'a chaque passage de la souris à changer la classe de l'élément en question.
Perdu ?
un petit exemple : (je le fais avec le changement de couleur mais c'est pareil)
<html>
<head>
<script>
changeBg = function(id){
document.getElementById('element').className=id;
}
</script>
<style>
.defaut {
width : 300px;
height : 300px;
background-color : red;
}
.FR {
width : 300px;
height : 300px;
background-color : blue;
}
.US {
width : 300px;
height : 300px;
background-color : green;
}
</style>
</head>
<body>
<ul>
<li id="FR" onmouseover="changeBg(this.id);">France</li>
<li id="US"onmouseover="changeBg(this.id);">U.S.A.</li>
</ul>
<div id="element" class="defaut">Contenu</div>
</body></html>
Adns