11548 sujets

JavaScript, DOM et API Web HTML5

Changer l'affichage image principale suivant le survol des miniature

bonjour
j'ai tenté le javascript pour que quand je survole mes miniatures la photo principale change et fait apparaitre la miniature en grand
mais ça ne fonctionne pas
où est le problème ?
merci d'avance
pour votre aide



<script>
function permut(photo, name) 
{ 
seconde = new Image(); 
seconde.src = photo; 
document.images[name].src=seconde.src; 
} 
</script>
</head>
<body>
<p><img src="Photo136.jpg" width="640" height="480"  OnMouseOver="permut('gouttemin.JPG', 'this')"/></p>

<p><img src="gouttemin.JPG" width="80" height="61" /></p>
</body>
</html>

Modifié par karenma (12 Mar 2008 - 22:00)
bonjour
on m'a donné un code qui fonctionne



<script>
function permut(url)
{
document.getElementById('image_a_changer').src=url;
}
</script>
</head>
<body>
<p><img src="photo_principale.jpg" width="640" height="480" id="image_a_changer"/></p>
 
<p><img src="minitature.jpg" width="80" height="61" OnMouseOver="permut('grande_image.jpg')"/></p>
</body>
</html>



mais quand je le mets dans php ça ne fonctionne plus je pense que c'est une histoire de guillemets à l'intérieur du permut mais j'ai tout essayé ",',rien mais rien n'y fait
quelqu'un a t il une idée ?
merci d'avance






<?php echo "<img src='minitature.jpg' width='120' height='90' align='center'  onMouseOver='permut(grande_image.jpg)'  />";?>

Modifié par karenma (12 Mar 2008 - 22:01)
en effet le nom du fichier doit aussi etre entre quote ou doublequote.

<?php echo "<img src='minitature.jpg'
 width='120' height='90' align='center'
 onMouseOver='permut(".'"grande_image.jpg"'.")'  />";?>


ceci fait-il l'affaire?
Modifié par CPascal (12 Mar 2008 - 22:14)
bonjour
j'ai essayé ce que tu m'as dit mais rien ne se passe
as tu une autre idée car moi je ne sais vraiment pas quoi faire
merci d'avance
Salut,

As-tu pensé aux backslashs ?

onMouseOver='permut(\"grande_image.jpg\")'

C'est une remarque bête mais quand on oubli...
Sujet clos
Aller à