Question

I have about 10 pictures, when :hover each picture there is an ajax.load that will be trigger. I am about to do 10 jquery.hover, but something tells me there is a better solution.

I was thinking about somthing like

case 1 : load a
case 2 : load b
case 3 : load c
etc...

How would I do this in jquery?

Understand the 10 different picture with 10 different text must be loaded in the <div> so now i am doing

$('#a).hover.load('file' #tx-a');
$('#b).hover.load('file' #tx-b');
$('#c).hover.load('file' #tx-c');

Answer 1

base on work from : William Brendel, here is the final code

<script type="text/javascript">
$(document).ready(function () {


    $('#equipe-gens img').hover(
      function() {
                    myID=$(this).attr('id');
                    $('#equipe-profile').load('equipedecourse.html #' + myID);
                    $('#'+myID).css('border','2px solid red');
                   },
      function() { 
                    $('#'+myID).css('border','2px solid #000000');
                    $('#equipe-profile').html("<h1>Profil</h1><p>Pour voir le profile des membre de l'équipe, sélectinnez-les</p>");
                   }
    );
  });
</script>