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!!!!
A voir également:
- Modification contenu d'une div au clic
- Suivi de modification word - Guide
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- Atout clic - Télécharger - Éducatifs
- Modification dns - Guide
- Logiciel gratuit modification pdf - Guide
2 réponses
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>
$('#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>
