непрозрачность наведения и непрозрачность непрозрачности

Question

У меня есть ссылки на изображения, которые изменяют непрозрачность при опрокидывании с помощью jquery. Я также хочу изменить непрозрачность «неактивных» изображений при нажатии и удалении активного класса предыдущего изображения. Возможно, какой-то код, чтобы продемонстрировать:

HTML:

<div style="width:940px; text-align:center; padding-bottom:10px;"> 
    <a href="#" class="nobase" onClick='jQuery("#youtube-player-container").tubeplayer("play", "adI8ZRzjnlE");'> 
     <img class="active" src="images/video_thumbs/003.jpg" width="300" height="167" alt="La Vie en Couleur"> 
    </a> 
    <a href="#" class="nobase" onClick='jQuery("#youtube-player-container").tubeplayer("play", "5L1vrwEvP-c");'> 
     <img class="inactive" src="images/video_thumbs/001.jpg" width="300" height="167" alt="A Holiday Video"> 
    </a> 
    <a href="#" class="nobase" onClick='jQuery("#youtube-player-container").tubeplayer("play", "ijfgzId6jdI");'> 
     <img class="inactive" src="images/video_thumbs/002.jpg" width="300" height="167" alt="La Vie en Couleur"> 
    </a> 
</div> 

Jquery

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("img.inactive").hover(function() { 
      $(this).stop().animate({ 
       "opacity": "1" 
      }, "slow"); 
     }, function() { 
      $(this).stop().animate({ 
       "opacity": "0.6" 
      }, "slow"); 
     }); 
    }); 
</script> 

CSS:

.inactive {opacity:0.6;} 
.active {opacity:1.0;} 

поэтому в основном он делает то, что я хочу на опрокидывание, но я хочу для переключения активного класса на клик.

Answer 1

Я думаю, что вы можете сделать большинство из них в простом ола CSS

selector:hover{} 

selector:active{} 

или вы можете сделать это

$('elm').bind({'click':action,'hover':action}); 

function action(e){ 
$(e.currentTarget).doSomething(); 
} 

Answer 2

за то, что я понял, вы хотите изменить класс. вы можете использовать в обеих функциях при наведении:

element.toggleClass('className') 

или, вы можете явно удалить или включить класс, который вы хотите:

element.removeClass('className') 
element.addClass('className') 

Я надеюсь, что это то, что вы хотите. =]