JQuery Hover Image Swap Problème

Question

J'ai essayé d'implémenter l'implémentation JQuery Hover pour une page qui utilise maintenant JavaScript.

Le déplacement de la souris sur l'image du pouce doit modifier l'image inférieure en conséquence et, lorsque vous quittez la couleur d'arrière-plan, la couleur d'arrière-plan doit revenir à la couleur d'arrière-plan #FFFFFF.

Je pense qu'il me manque encore quelque chose dans le JavaScript et si quelqu'un voit le problème, je l'apprécierais vraiment beaucoup.

Voici mon jsFiddle: http://jsfiddle.net/NinjaSk8ter/P8baa/

Voici le lien vers le site qui illustre le comportement: http://www.odontex.net/Ingles/mexico/aboutus-mexicoci.html

Answer 1

Tous vos divs ont id="content" les changer en class="content serait un début

Answer 2

J'utiliser quelque chose comme ça ...

Mark tous les pouces avec par exemple classer "pouce" et leur donner un attribut quelque chose comme des références = "X", où X est le numéro du pouce. Ensuite, faire des boîtes de contenu avec class = "content" thumbref = "X" avec le même sens ... puis

$(document).ready(function(){ 
    $(".content").hide(); 
    $(".thumb").hover(
     function(){ 
      $(".content[thumbref="+$(this).attr("references")+"]").show() 
     }, 
     function(){ 
      $(".content[thumbref="+$(this).attr("references")+"]").hide() 
     } 
    ); 
}); 

et je pense qu'il devrait faire l'affaire :)