jquery图像不能正常工作

问题描述：

我想对我的照片滑块应用一个超过效果。我有以下的代码结构：jquery图像不能正常工作

<div class="corpo_itens"> 
    <div class="foto-carousel"> 
     <div class="transparencia"> 
      <span>A Novilha Rebelde (The Sound of Mu)</span> 
      <br /><br /> 
      Elisa Queiroz e Erly Vieira Jr., 18 min, Vitória (ES), 2005 
     </div> 
     <img src="img/foto_carousel1.jpg" alt="Nome da foto" /> 
     <div class="icon-foto"><img src="img/icon_video.png" alt="Vídeo" /></div> 
    </div> 
    <div class="clear"></div> 
</div>

我试图做的是淡入淡出，并在“transparencia” div时鼠标滑过的图像。该滑块有不同的图像，并与下面的代码，它的工作，但它隐藏和显示所有div在同一时间......我不知道如何解决它...

$('.foto-carousel').hover(
function() {$('.transparencia').css({"display":"block"});}, 
function() {$('.transparencia').css({"display":"none"});} 
);

你超过试图影响或悬停效果？ – Narendra 2012-07-26 03:11:38

我认为它应该悬停效果...当你翻转图像它显示一些内容。 – fackz 2012-07-26 03:52:31

答

如果你想隐藏/显示只有.transparencia悬停.foto-carousel你必须指定上下文中，像

$('.foto-carousel').hover(
    function() {$('.transparencia', this).css({"display":"block"});}, 
    function() {$('.transparencia', this).css({"display":"none"});} 
);

嘿穆萨，感谢您的帮助，它的工作就像一个魅力！非常感谢！ – fackz 2012-07-26 03:52:56

答

$(".corpo_itens img").onmouseover(function(){ 
    $(this).parent().children(".transparencia").fadeIn(100); 
}); 
$(".corpo_itens img").onmouseout(function(){ 
    $(this).parent().children(".transparencia").fadeOut(100); 
});

或像这样的东西。

它不工作，但我明白了。 – fackz 2012-07-26 03:53:27

jquery图像不能正常工作

相关推荐