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;
					   }