Échange d'image jQuery pour planer au-dessus des

Question

$(document).ready(function(){ 
     // Hide all large images except the first one 
     $('#imageContainer img').hide().filter(':first').show(); 
     // Select all thumb links 
     $('#thumbContainer a').hover(function(event) { 
       // Hide all large images except for the one with the same hash as our thumb link 
       $('#imageContainer img').hide().filter(this.hash).show(); 
      }, 
      function() {} // Because the hover method has a mouseout state we need to define too 
     ); 
    }); 

Ce script .js fonctionne pour une souris sur un point d'ancrage. Cependant, je voudrais que cette fonction fonctionne sur un div entier.

Comment modifier cette partie: .filter (this.hash) .show();

à ceci:.. .filter (ce (id ou nom unique) .show();

Merci

Prenez soin

Answer 1

Si vous voulez continuer à utiliser le hachage vous. pourrait l'obtenir en utilisant ce code (en supposant que this est votre div):

var hash = $(this).find('a').get(0).hash; 

Si vous voulez utiliser quelque chose d'unique au sujet de la div que je l'ai utilisé l'identifiant du div égal à simp sNom de l'img avant.

Si vous avez eu ce html:

<div id="container1" class="thumbContainer"></div> 
<div id="imageContainer"> 
    <img src="" alt="" class="container1" /> 
</div> 

Vous pouvez utiliser quelque chose comme ça, (je l'ai changé votre vol stationnaire à un passage de la souris, puisque vous n'utilisez que):

$(document).ready(function(){ 
    // Hide all large images except the first one 
    $('#imageContainer img').hide().filter(':first').show(); 
    // Select all thumb links 
    $('.thumbContainer').mouseover(function(event) { 
      // Hide all large images except for the one with the same hash as our thumb link 
      $('#imageContainer img').hide().filter("." + this.id).show(); 
     } 
    ); 
});