jquery image-over不起作用

jquery image over doesnt work

本文关键字：不起作用 image-over jquery      更新时间：2024-03-03

我正试图在我的照片滑块上应用过度效果。我有以下代码结构：

<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>

当鼠标滚动图像时，我要做的是淡入和淡出"transparentia"div。这个滑块有不同的图像，使用以下代码可以工作，但它同时隐藏和显示所有div。。。我不知道如何解决它…

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

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

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

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

或者类似的东西。

相关文章：