Afficher la bonne image au survol
Résolu
Jean_2
Messages postés
245
Date d'inscription
Statut
Membre
Dernière intervention
-
leSurvivant -
leSurvivant -
Bonjour,
Je voudrai faire un script qui fait quand je survole un lien ça m'affiche la capture d'écran correspondante.
ex : quand je survole acceuil, j'ai la capture d'écran (une image, quoi) de mon acceuil.qui apparait dans le div capture_d_ecran_pour_plan_de_site
<div id="capture_d_ecran_pour_plan_de_site"></div>
<ol>
<li><a href="index.php3" >Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
...
...
</ol>
Pourriez vous me donner des pistes ???
merci
Je voudrai faire un script qui fait quand je survole un lien ça m'affiche la capture d'écran correspondante.
ex : quand je survole acceuil, j'ai la capture d'écran (une image, quoi) de mon acceuil.qui apparait dans le div capture_d_ecran_pour_plan_de_site
<div id="capture_d_ecran_pour_plan_de_site"></div>
<ol>
<li><a href="index.php3" >Accueil</a></li>
<li><a href="presentation.php">Présentation</a></li>
...
...
</ol>
Pourriez vous me donner des pistes ???
merci
A voir également:
- Afficher la bonne image au survol
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Afficher taille dossier windows - 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
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;
}