Modification contenu d'une div au clic

Fermé
maika87 Messages postés 1 Date d'inscription vendredi 26 février 2010 Statut Membre Dernière intervention 26 février 2010 - 26 févr. 2010 à 14:07
 MisTouK - 3 mars 2011 à 18:44
Bonjour,

Mon site contiendrais 4 div, 3 sous forme d'icone et une quatrieme plus grande. Cette div 4 serait au chargement de la page une image définit. Cependant je voudrais qu'au clic sur une des icones, l'image change sans pour autant recharger la page, seulement changer la div. L'image remplacant l'initiale serait différente pour chacune des 3 icones..
Il me semble que cela est possible en js ou en ajax... mais je dois avouer etre completement perdue!!!


Merci d'avance de votre aide!!!!

2 réponses

avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
26 févr. 2010 à 18:57
C'est possible en Javascript.
Mais il faudrait voir ton (x)HTML pour plus de précision.
0
voir avec jquery

$('#div4').css("background-image","url/img4.jpeg");

$('div').click(function(i){
if (i==0) $('#div4').css("background-image","url/img1.jpeg");
elseif (i==1) $('#div4').css("background-image","url/img2.jpeg");
elsif (i==2) $('#div4').css("background-image","url/img3.jpeg");
});


et dans le body
<div id=div1 > click ici</div>
<div id=div2 >click ici</div>
<div id=div3 >click ici</div>
<div id=div4 style= " blabla width heigth backgroud img... etc."></div>
0