Site Web HTML images changeante
peponne34
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Sur mon site internet, écrit avec Izispot, Je cherche à faire changer une image sur simple passage de la souris.
Dans la page concernées, dans la zone BODY, j'ai écrit
<BODY><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="#" onMouseOver="i159745.src=' K:\Mes sites IziSpot\fse clavel 2.jpg '" onMouseOut="i159745.src=' K:\Mes sites IziSpot\fse clavel 1.jpg'"><IMG SRC=" K:\Mes sites IziSpot\fse clavel 1.jpg" BORDER=0 NAME="i159745" ALT="Image en cours" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --></BODY>
puis dans la zone HEAD, j'ai écrit
<HEAD><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i159745 = new Image;
i159745 = " K:\Mes sites IziSpot\fse clavel 2.jpg ";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></HEAD>
Au lancement de ma page, la souris fait disparapitre la prmemière image, mais pas apparaître la seconde. Il y a à la place un petit carré avec un X rouge intèrieur.
Celà ne vient pas de l'adresse des images car j'ai inversé l'ordre image1-image2 et le même phénomène se produit.
Que manque t'il à mon script.
Je craque
Merci pour une réponse
Sur mon site internet, écrit avec Izispot, Je cherche à faire changer une image sur simple passage de la souris.
Dans la page concernées, dans la zone BODY, j'ai écrit
<BODY><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<A HREF="#" onMouseOver="i159745.src=' K:\Mes sites IziSpot\fse clavel 2.jpg '" onMouseOut="i159745.src=' K:\Mes sites IziSpot\fse clavel 1.jpg'"><IMG SRC=" K:\Mes sites IziSpot\fse clavel 1.jpg" BORDER=0 NAME="i159745" ALT="Image en cours" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --></BODY>
puis dans la zone HEAD, j'ai écrit
<HEAD><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i159745 = new Image;
i159745 = " K:\Mes sites IziSpot\fse clavel 2.jpg ";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></HEAD>
Au lancement de ma page, la souris fait disparapitre la prmemière image, mais pas apparaître la seconde. Il y a à la place un petit carré avec un X rouge intèrieur.
Celà ne vient pas de l'adresse des images car j'ai inversé l'ordre image1-image2 et le même phénomène se produit.
Que manque t'il à mon script.
Je craque
Merci pour une réponse
A voir également:
- Site Web HTML images changeante
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Création site web - Guide
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
4 réponses
Bonjour
Tu te casses la tête pour rien, tu n'as pas besoin de faire un script en java script, il te suffit de faire un rollover en html
Tu peux changer la taille, et enlever les balises <center> et </center> si tu ne désires pas que l'image soit centrée
Tu te casses la tête pour rien, tu n'as pas besoin de faire un script en java script, il te suffit de faire un rollover en html
<center><img onmouseout="this.src='URL image 01'" onmouseover="this.src='URL image 02' " src="URL image 01" title="Ton texte alternatif" alt="texte alternatif " style="border: 0px solid ; width: 127px; height: 30px;" /></center>
Tu peux changer la taille, et enlever les balises <center> et </center> si tu ne désires pas que l'image soit centrée
Merci RClog
Je viens de faire ce que as dit, qui me paraît bien plus simple
mais le problème reste le même, toujours pas d'image 2
j'ai comme prévu, à la place, une carré avec une croix et "texte alternatif" comme prévu
je tourne en rond
Je viens de faire ce que as dit, qui me paraît bien plus simple
mais le problème reste le même, toujours pas d'image 2
j'ai comme prévu, à la place, une carré avec une croix et "texte alternatif" comme prévu
je tourne en rond
ne cherche pas plus loin, c'est un problème d'url
Il faut que ta page soit à la racine du site, et pour les url tu ne mets pas le chemin du disque dur.
D'après ce que je vois ton site se trouve dans un dossier Mes sites IziSpot.
Les images et la page se trouvent dans le même répertoire. Si c'est le cas, il faut mettre le chemin de fichier le plus cour et éviter les espaces dans les noms de fichier (si ça marche sur le disque dur, il n'est pas dit que ça va fonctionner en ligne)
EX : K:\Mes sites IziSpot\fse clavel 2.jpg devient > fse_clavel 2.jpg
On se fout complètement du chemin d'accès sur le disque dur, il faut faire comme si tu était en ligne.
Il faut que ta page soit à la racine du site, et pour les url tu ne mets pas le chemin du disque dur.
D'après ce que je vois ton site se trouve dans un dossier Mes sites IziSpot.
Les images et la page se trouvent dans le même répertoire. Si c'est le cas, il faut mettre le chemin de fichier le plus cour et éviter les espaces dans les noms de fichier (si ça marche sur le disque dur, il n'est pas dit que ça va fonctionner en ligne)
EX : K:\Mes sites IziSpot\fse clavel 2.jpg devient > fse_clavel 2.jpg
On se fout complètement du chemin d'accès sur le disque dur, il faut faire comme si tu était en ligne.
dernier petit conseil :
Eviter les espaces dans les noms de fichier mais aussi les majuscules et la ponctuation.
Windows reconnait un fichier du moment que ce sont les même lettres, que tu écrives FicHiEr ou fichier ou Fichier , pour lui c'est la même chose.
Par contre sur le web, la casse est respectée (majuscule, minuscules). Donc en écrivant tout en minuscules et en remplaçant l'espace par un _ tu es sûr de ne pas faire d'erreur.
Eviter les espaces dans les noms de fichier mais aussi les majuscules et la ponctuation.
Windows reconnait un fichier du moment que ce sont les même lettres, que tu écrives FicHiEr ou fichier ou Fichier , pour lui c'est la même chose.
Par contre sur le web, la casse est respectée (majuscule, minuscules). Donc en écrivant tout en minuscules et en remplaçant l'espace par un _ tu es sûr de ne pas faire d'erreur.