[resolu][code dispo]onMouseOver avec Area
Dernière réponse : dans Programmation
Bonjour
je vient chercher de l'aide car je doit faire une carte avec photo :
J'ai donc ma carte avec des numéro est quand le visiteur de la page passa sa souris dessus l'image s'affiche
donc j'ai penser au onMouseOver !
Mais après moult essais de code , rien ne va :
pas d'affichage de photo !
J'ai juste le lien qui marche :s
Voici les 2 code que j'ai essayer :
et
merci de votre aide
je vient chercher de l'aide car je doit faire une carte avec photo :
J'ai donc ma carte avec des numéro est quand le visiteur de la page passa sa souris dessus l'image s'affiche
donc j'ai penser au onMouseOver !
Mais après moult essais de code , rien ne va :
pas d'affichage de photo !
J'ai juste le lien qui marche :s
Voici les 2 code que j'ai essayer :
et
merci de votre aide
Autres pages sur : resolu code dispo onmouseover area
Lassé par la pub ? Créez un compte
J'utilise ce script pour un site web qui fonctionne très bien :
HTML :
/**passage de la souris sur une image du menu**/
function allumer(nomImage, image)
{
document.images[nomImage].src = "image/"+image ;
}
/**la souris n'est pas sur une image du menu**/
function eteindre(nomImage, image)
{
document.images[nomImage].src = "image/"+image ;
}
Comme tu le vois, je n'ai pas eus besoin de créer un objet image. Pour modifier le contenu d'une balise HTML <img>, je lui met un identifiant et lorsque la souris passe dessus, j'appelle une fonction javascript en lui passant cet identifiant et le lien vers l'image à charger. Ensuite, j'accède à la bonne image grâce au tableau images[] en passant l'identifiant de l'image. Je modifie ensuite la source avec l'attribut src. Ce qu'il faut comprendre, c'est que tu peux accéder à tes <img> grâce à l'objet images[] et tu dois donner à chaque <img> un moyen d'être identifiable sans ambiguïté, donc avec un identifiant.
edit : merci d'avoir poster ce topic ça m'a permit de voir qu'une des deux fonctions javascript est inutile XD
HTML :
Citation :
<img src="image/boutonOutAccueil.jpg" alt="Accueil" id="boutonAccueil" onmouseover="allumer(this.id, 'boutonOnAccueil.jpg');" onmouseout="eteindre(this.id, 'boutonOutAccueil.jpg');"/></a>Citation :
Javascript/**passage de la souris sur une image du menu**/
function allumer(nomImage, image)
{
document.images[nomImage].src = "image/"+image ;
}
/**la souris n'est pas sur une image du menu**/
function eteindre(nomImage, image)
{
document.images[nomImage].src = "image/"+image ;
}
Comme tu le vois, je n'ai pas eus besoin de créer un objet image. Pour modifier le contenu d'une balise HTML <img>, je lui met un identifiant et lorsque la souris passe dessus, j'appelle une fonction javascript en lui passant cet identifiant et le lien vers l'image à charger. Ensuite, j'accède à la bonne image grâce au tableau images[] en passant l'identifiant de l'image. Je modifie ensuite la source avec l'attribut src. Ce qu'il faut comprendre, c'est que tu peux accéder à tes <img> grâce à l'objet images[] et tu dois donner à chaque <img> un moyen d'être identifiable sans ambiguïté, donc avec un identifiant.
edit : merci d'avoir poster ce topic ça m'a permit de voir qu'une des deux fonctions javascript est inutile XD
C'est bon j'ai trouver !
Voici le code complet :
( attention extrêmement long )
Voici le code complet :
( attention extrêmement long )
Le sujet est ancien mais ça peut toujours être utile.
<img src="Carte terrain ..bmp" width="1218" height="844" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="422,829,14" onmouseover="img.src='1.JPG';" href="1.jpg" />
</map>
Il faut donner un nom à la balise IMG.
<img name="carte" src="Carte terrain.bmp" width="1218" height="844" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="422,829,14" onmouseover="document.carte.src='1.JPG';" href="1.jpg" />
</map>
Citation :
<img src="Carte terrain ..bmp" width="1218" height="844" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="422,829,14" onmouseover="img.src='1.JPG';" href="1.jpg" />
</map>
Il faut donner un nom à la balise IMG.
<img name="carte" src="Carte terrain.bmp" width="1218" height="844" border="0" usemap="#map" />
<map name="map">
<area shape="circle" coords="422,829,14" onmouseover="document.carte.src='1.JPG';" href="1.jpg" />
</map>
Lassé par la pub ? Créez un compte
- Contenus similaires :
- ForumCode de sécurité Nokia 3600 Reading Eeprom Area...Error!
- SolutionsPerdu code sécurité Nokia 6101 (résolu)
- ForumCode HTML pour texte area
- SolutionsProbleme code d'ouverture de session oublié ! [RESOLU]
- Solutions[résolu] Code déblocage réseau Alcatel OT 585 SVP
- ForumCode MEP2 BlackBerry Bold 9700 [RESOLU]
- SolutionsComment resolu la problem de code postal de sagem my 700x oublier
- SolutionsProblème code 39 [RESOLU] :-)
- Solutions[Résolu] Reset Ses Stats CoD6
- Voir plus
