Discussion :

[lecroquant]

Bonjour à tous

Je suis totalement novice en javasript et cette petite question va sans doute vous paraître trés simple a résoudre:

J'utilise un petit script pour une gallerie photo afin de changer l'image principale en cliquant sur une miniature:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<img id="base" src="images_g/debut.jpg"/>
<table><tr>
 
<td><img src="images_p/sarah1.jpg" onclick="document.getElementById('base').src=this.src.replace('images_p/sarah1.jpg','images_g/sarah1.jpg');" /></td>
 
<td><img src="images_p/sarah2.jpg" onclick="document.getElementById('base').src=this.src.replace('images_p/sarah2.jpg','images_g/sarah2.jpg');" /></td>
 
</tr></table>

ça fonctionne mais le pointeur de la souris ne se transforme pas en passant sur la miniature, j'ai donc essayé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td><a href=""><img src="images_p/sarah1.jpg" onclick="document.getElementById('base').src=this.src.replace('images_p/sarah1.jpg','images_g/sarah1.jpg');" /></a></td>

le pointeur se trasforme bien mais en cliquant ça me renvoi a la page récédente !!!

Merci de vos lumières

Mathieu

[hariman]

Bonjour,

Un simple ajout de style css devrait résoudre ton problème :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<img src="images_p/sarah1.jpg" style="cursor:pointer" ...

[lecroquant]

Grand Merci Hariman :-)
ça fonctionne bien, il va falloir que je me trouve de la doc sur javascript.

Mathieu

[Bovino]

Certes... sauf que là, ça n'a rien à voir avec JavaScript ! C'est uniquement un problème de CSS.