Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z js
Forum PHP.pl > Forum > XML, AJAX
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 snitch.gif snitch.gif

p.s. za bardzo nie kumam o co chodzi w jquery
batman
Zamiast hover użyj click i mouseout. Do click przypisz pierwszą funkcję, a do mouseover drugą.
cedunio
a Mógłbyś mi to napisać w js bo za bardzo nie wiem jak dry.gif
batman
Kod
$("img").click(function() {
    // funkcja 1
}).mouseout(function() {
    // funkcja 2
});


edit
Resztę sam wymyślisz.
cedunio
dzięki za nakierowanie i pomoc działa jak chciałem
snitch.gif 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>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.