Javascript

Bonjour, savez-vous comment, en cliquant sur une image(div right), je peux faire apparaître cette même image dans une autre div (div content)? Tout en sachant qu'il y a 9 photos et qu'en cliquant sur chacune d'elle, l'image se place dans la même div et au même endroit.
Je ne sais pas si je suis claire mais si quelqu'un peut m'aider s'il vous plait.

C'est le même système que pour cette page mais au lieu que ce soit, au survol de la souris, j'aimerais que ce soit au clic.

http://www.steiner-paris.com/steiner-paris/collections/luminaires.html

je mettrais une même classe sur tes 9 images
puis avec jquery par exemple, tu crées un événement clic sur tous les objets du dom qui
ont cette classe. dans cet évenement clic tu récupères le src de l'image sur laquelle tu as cliqué avec $(this).attr('src') puis tu changes le src de ton image de ton 'content'
tu en as pour max 4 lignes de code.

tu met jquery 1.9 et par exemple:

$("#right .galerie").click(function() {
var tonSrc = $(this).attr('src');
$("#content #tonImagePrincipale").attr('src', tonSrc);
});
Modifié par canvasdev (16 Feb 2013 - 12:29)