使用jquery更改缩略图的不透明度

Question

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

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

任何有关我出错的提示

到目前为止，所有内容都在this fiddle。

我认为主要问题是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);
            }
        );
    });