JQuery 元素不透明度设置

Question

我有一个图像列表，加载 DOM 时这些图像的不透明度都设置为 40%。

我需要这些图像中的第一张图像保持 100% 的不透明度，而其他图像则逐渐淡出。

我的代码如下，但我似乎无法让第一张图像保持在 100%。

$j(document).ready(function () {
    fadeDownImages();

    fadeDownImages = function () {
        $j("ul.promo img").fadeTo(1500, 0.2);
        $j("ul.promo img").hover(function () {
            $j(this).fadeTo(300, 1.0); // This should set the opacity to 100% on hover
        }, function () {
            $j(this).fadeTo(200, 0.2); // This should set the opacity back to 60% on mouseout

        });
    };

    $j("ul.promo img:first-child").fadeIn(200, 1.0);
});

非常感谢任何帮助

Answer 1

$j(document).ready(function() {
    fadeDownImages = function() {
        var imgs = $j("ul.promo img:not(:first-child)");
        imgs.fadeTo(1500, 0.2);
        imgs.hover(function(){
            $j(this).fadeTo(300, 1.0);
        },function(){
            $j(this).fadeTo(200, 0.2);
        });
    };
    $j("ul.promo img:first-child").fadeIn(200, 1.0);
}