Modification contenu d'une div au clic
maika87
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
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
- Logiciel gratuit modification pdf - Guide
- Atout clic - Télécharger - Éducatifs
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- Modification dns - 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>
