jquery - 用jquery改变缩略图的不透明度

Question

我正在为一个朋友建立一个视频库，我正在尝试使用 jQuery 淡入淡出更改悬停时的缩略图不透明度。

我可以用 CSS 改变它，但我试图用 jQuery 淡化它

任何关于我哪里出错的提示都值得赞赏

到目前为止的一切都在这个小提琴中。

我认为主要问题是jQuery代码：

$(".thumbnail-element").hover(function () {
$(this).find('.thumb1').fadeIn(100);
},
function () {
$(this).find('.thumb1').fadeOut(100);    
});

Answer 1

这是我正在寻找的解决方案

  $(document).ready(function() {
        $(".thumb1").hover(
            function() {
                $(this).find('.adaptive-image').stop().animate({opacity: 0}, 200);
                }, 
                function() {
                    $(this).find('.adaptive-image').stop().animate({opacity: 1}, 500);
            }
        );
    });