problem z js Opcje

[cedunio]

Kod

   <script src="jquery.js" type="text/javascript"></script>
   <script type="text/javascript">
   $(document).ready(function() {
   $("img").fadeTo("slow", .5);
   $("img").hover(function(){
   $(this).addClass("big").fadeTo("fast", 1);
   },function(){
   $(this).removeClass("big").fadeTo("fast", .5);
   });
   });
   </script>

Mam taki skrypcik. Wygląda to następująco:
jest normalny obrazek, po najechaniu na niego powiększa go, po przesunięciu myszki na bok wraca do normalnych rozmiarów.
Chcę uzyskać to samo tylko po kliknieciu tzn: klikam powiększa go, po przesunięciu myszki na bok wraca do normalnych rozmiarów.
Zamiana hover na click nic nie dala.
Ma ktoś może jakiś pomysł?
Z góry dziękuje i pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

p.s. za bardzo nie kumam o co chodzi w jquery

[cedunio]

dzięki za nakierowanie i pomoc działa jak chciałem
(IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
a dla potomnych

Kod

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("img").fadeTo("slow", .5);
$("img").click(function() {
$(this).addClass("big").fadeTo("fast", 1);
}).mouseout(function() {
$(this).removeClass("big").fadeTo("fast", .5)
});
});
</script>

Ten post edytował cedunio 23.09.2008, 14:56:21