1

写真スライダーに過剰効果を適用しようとしています。次のコード構造があります。

<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"});}
);
4

2 に答える 2

1

.transparenciaホバーされた内部のみを非表示/表示.foto-carouselする場合は、次のようにコンテキストを指定する必要があります

$('.foto-carousel').hover(
    function () {$('.transparencia', this).css({"display":"block"});}, 
    function () {$('.transparencia', this).css({"display":"none"});}
);
于 2012-07-26T03:14:26.593 に答える
0 
$(".corpo_itens img").onmouseover(function(){
  $(this).parent().children(".transparencia").fadeIn(100);
});
$(".corpo_itens img").onmouseout(function(){
  $(this).parent().children(".transparencia").fadeOut(100);
});

または、このようなもの。

于 2012-07-26T03:13:25.983 に答える