![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 9.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
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 |
|
|
![]()
Post
#2
|
|
Grupa: Moderatorzy Postów: 2 921 Pomógł: 269 Dołączył: 11.08.2005 Skąd: 127.0.0.1 ![]() |
Zamiast hover użyj click i mouseout. Do click przypisz pierwszą funkcję, a do mouseover drugą.
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 9.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
a Mógłbyś mi to napisać w js bo za bardzo nie wiem jak (IMG:http://forum.php.pl/style_emoticons/default/dry.gif)
|
|
|
![]()
Post
#4
|
|
Grupa: Moderatorzy Postów: 2 921 Pomógł: 269 Dołączył: 11.08.2005 Skąd: 127.0.0.1 ![]() |
Kod $("img").click(function() { // funkcja 1 }).mouseout(function() { // funkcja 2 }); edit Resztę sam wymyślisz. |
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 9.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
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 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.09.2025 - 01:08 |