Jquery

[guimolon 0]

Pessoal,

 

Tenho uma classe css zoom que esta assim:

 

.zoom {
    position: absolute;
    bottom:20px;   
    display: none;
    margin-left: -35px;
    width: 49px;
    height: 0;
    padding-top: 44px;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url(assets/images/ampliar.png);
}
 

meu html está assim:

 

 

 

 

 

<img class="img_hover" src="<?php echo $img ?>" width="<?php echo $width ?>" height="<?php echo $height ?>" alt=""></img>
<span class="zoom">Ver Ampliada</span>
 

e meu jquery esta assim:

jQuery(document).ready(function() {
 
 jQuery('.img_hover').hover(
  function() {
  
     // $(".zoom").show().animate({height: "40", width: "50"}, 500, "easeInOutBack");
 
     
 
     $('.zoom').stop().show().animate({bottom: '70'}, 1000, "easeInOutBack");
   
 
         $('.zoom').css('bottom', '20px');
          $('.zoom').css('opacity', '1');
     
      // $(".zoom").css('width', '30px');
      // $(".zoom").css('height', '30px');
 
 
 }, function() {
     $('.zoom').stop().fadeOut();
 })
 
 
});
 

 

Tudo que eu quero é que esse script se aplica a classe .zoom em que está sendo passado o mouse e nao em todos os elementos zoom da pagina, alguem sabe como resolver??

 

obrigado!!

[William Bruno 1501]

no lugar disso:

 $('.zoom').

coloque:

 $(this).next('.zoom').

[guimolon 0]

PERFEITO!!!

 

Obrigado!!!