Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> problem z js
cedunio
post
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
Go to the top of the page
+Quote Post
batman
post
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ą.
Go to the top of the page
+Quote Post
cedunio
post
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)
Go to the top of the page
+Quote Post
batman
post
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.
Go to the top of the page
+Quote Post
cedunio
post
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
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.09.2025 - 01:08