2009-07-29 7 views
1

DOM로드시 불투명도 40 %로 설정된 이미지 목록이 있습니다.JQuery 요소 불투명도 설정

다른 이미지가 흐려지면서 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); 

어떤 도움이 많이

답변

0

그것은 당신이 정말 에 무엇을하고있는 모습을 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 

}); 
+0

감사 @cpharmston -이 지금은 100 %를 유지 모든 이미지로 작동하지 않습니다. 나는 어떤 오류도 내지 않는다. 내가 그 : not (: first-child)를 제거하면 이미지가 희미해질 수 있습니다. @ chaos - 이것은 작동하지 않았습니다 ... gt (1)은 무엇을합니까? 감사합니다. – Martin

+0

': gt (1)'은 인덱스가 1보다 큰 요소를 선택하는 것을 의미합니다. 실제로는 : gt (0)이어야합니다. – chaos

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

나는 @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); 

도와 주셔서 감사합니다