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

それはあなたが本当にには何をやっているように見える、100％の不透明度を滞在する最初の画像を取得するためにをしようとしませんが感謝しています。これを試してみてください：

fadeDownImages = function() { 
      $j("ul.promo img:gt(0)").fadeTo(1500, 0.2); 
      $j("ul.promo img:gt(0)").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 

}); 

Answer 2

$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); 
} 

Answer 3

私は@cpharmstonの提案を取っており、変更：第一子のセレクタクラスに、それが働きました！あなたの助けのための

fadeDownImages = function() { 
    var imgs = $j("ul.promo img:not(.bollocks)"); 
    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); 

あなたの助けのおかげ