Modification contenu d'une div au clic
maika87
Messages postés
1
Statut
Membre
-
MisTouK -
MisTouK -
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!!!!
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!!!!
Configuration: Windows 7 / Firefox 3.5.8
2 réponses
-
C'est possible en Javascript.
Mais il faudrait voir ton (x)HTML pour plus de précision. -
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>
