Afficher la bonne image au survol
Résolu/Fermé
Jean_2
Messages postés
245
Date d'inscription
lundi 24 septembre 2007
Statut
Membre
Dernière intervention
13 septembre 2013
-
8 nov. 2007 à 15:33
leSurvivant - 9 nov. 2007 à 08:10
leSurvivant - 9 nov. 2007 à 08:10
A voir également:
- Afficher la bonne image au survol
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Google recherche par image - Guide
- Afficher mot de passe wifi android - Guide
4 réponses
Salut Jean_2,
essaye ça:
<div id="capture_d_ecran_pour_plan_de_site" onmouseover="UneFonction()"></div>
Et entre tes balises head, rajoute:
<script text="javascript">
UneFonction()
{
imageplacee = document.getElementById("capture_d_ecran_pour_plan_de_site")
imageplacee.backgroundImage = url('LeNomDeTonImage")
}
</script>
Cordialement
essaye ça:
<div id="capture_d_ecran_pour_plan_de_site" onmouseover="UneFonction()"></div>
Et entre tes balises head, rajoute:
<script text="javascript">
UneFonction()
{
imageplacee = document.getElementById("capture_d_ecran_pour_plan_de_site")
imageplacee.backgroundImage = url('LeNomDeTonImage")
}
</script>
Cordialement
Jean_2
Messages postés
245
Date d'inscription
lundi 24 septembre 2007
Statut
Membre
Dernière intervention
13 septembre 2013
12
8 nov. 2007 à 16:04
8 nov. 2007 à 16:04
bonne piste, mais ça bug non ?
les id sont à reperer dans ma liste non ?
merci leSurvivant,
les id sont à reperer dans ma liste non ?
merci leSurvivant,
Jean_2
Messages postés
245
Date d'inscription
lundi 24 septembre 2007
Statut
Membre
Dernière intervention
13 septembre 2013
12
8 nov. 2007 à 18:45
8 nov. 2007 à 18:45
c'est résolu, je dois adapter pour chaque élément de ma liste :
le javasript :
function montrer_capture_d_ecran(id)
{
var variable = document.getElementById(id);
if (variable)
{
variable.style.display = "block";
}
}
function masquer_capture_d_ecran(id)
{
var variable = document.getElementById(id);
if (variable)
{
variable.style.display = "none";
}
}
le code html pour un élément de ma liste :
<li>
<a href="index.php3" onmouseover="javascript:montrer_capture_d_ecran('acceuil');" onmouseout="javascript:masquer_capture_d_ecran('acceuil');">Accueil</a>
<img id="acceuil" src="images/acceuil.png" width="260px" height="186px" alt="acceuil" />
</li>
le css pour cet élément :
li img{
position:absolute;
top:230px;
right:350px;
display:none;
}
le javasript :
function montrer_capture_d_ecran(id)
{
var variable = document.getElementById(id);
if (variable)
{
variable.style.display = "block";
}
}
function masquer_capture_d_ecran(id)
{
var variable = document.getElementById(id);
if (variable)
{
variable.style.display = "none";
}
}
le code html pour un élément de ma liste :
<li>
<a href="index.php3" onmouseover="javascript:montrer_capture_d_ecran('acceuil');" onmouseout="javascript:masquer_capture_d_ecran('acceuil');">Accueil</a>
<img id="acceuil" src="images/acceuil.png" width="260px" height="186px" alt="acceuil" />
</li>
le css pour cet élément :
li img{
position:absolute;
top:230px;
right:350px;
display:none;
}