2012-10-31 5 views
1

je le code suivant qui change l'image pleine grandeur en plaçant le curseur sur l'image du pouce -Sélection d'image div prev seulement

<script type="text/javascript"> 
    $('.thumbimage a img').on('hover',function(){ 
      $('.fullsizeimage a img').attr('src',$(this).attr('src')); 
     }); 
</script> 

comment puis-je le configurer de sorte qu'il ne change que l'image pleine grandeur au-dessus, et toute autre image en taille réelle?

J'ai essayé ce qui suit à pas de chance:

<script type="text/javascript"> 
     $('.thumbimage a img').on('hover',function(){ 
      $('.thumbimage a img').prev('.fullsizeimage a img').attr('src',$(this).attr('src')); 
     }); 
     </script> 

http://jsfiddle.net/CUZBa/19/

Répondre

1

On dirait que row est un élément parent.

$('.thumbimage a img').on('click hover', function() { 
    $(this).parents('.row').find('.fullsizeimage img').attr('src', $(this).attr('src')); 
});​ 
0

.prev() traversera les frères et sœurs de l'élément et non son ancêtre ..

Vous pouvez utiliser .closest() dans de tels cas

Essayez cette

$('.thumbimage a img').on('click hover', function() { 
    $(this).closest('.row').find('.fullsizeimage img').attr('src', $(this).attr('src')); 
});​