Bonjour, je suis un débutant en jquery !! pourriez-vous m'aider j'aimerais changer le background de ma div de droite à chaque hover sur mes div de gauche !
voici un extrait de mon code :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 <div class="qitem" id="qit8"> <a href="#"><img src="8.png" alt="Test 1" title="" width="126" height="126"/></a> <span class="caption"><h4>T'</h4><p></p></span> </div> <div class="qitem" id="qit9"> <a href="#"><img src="9.png" alt="Test 1" title="" width="126" height="126"/></a> <span class="caption"><h4>AIME</h4><p></p></span> </div> <div class="clear"></div> </td> <td> <div class="qitem2"> <a href="#"><img src="10.png" alt="Test 1" title="" width="413" height="413"/></a> <span class="caption2"><h4></h4><p></p></span> </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 id = $('.qitem').attr('id'); switch(id) { case 'qit1': $('div.qitem2').css("background-image", "url(bg3.gif)");break; case 'qit2': $('div.qitem2').css("background-image", "url(bg3.gif)");break; case 'qit3': $('div.qitem2').css("background-image", "url(bg3.gif)");break; case 'qit4': $('div.qitem2').css("background-image", "url(bg2.gif)");break; case 'qit5': $('div.qitem2').css("background-image", "url(bg3.gif)");break; case 'qit6': $('div.qitem2').css("background-image", "url(bg2.gif)");break; case 'qit7': $('div.qitem2').css("background-image", "url(bg3.gif)");break; case 'qit8': $('div.qitem2').css("background-image", "url(bg2.gif)");break; case 'qit9': $('div.qitem2').css("background-image", "url(bg3.gif)");break; }
Partager