Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Powiększanie miniaturki skrypt nie działa
kubek15
post 24.10.2009, 11:06:51
Post #1





Grupa: Zarejestrowani
Postów: 278
Pomógł: 3
Dołączył: 28.06.2008
Skąd: PL

Ostrzeżenie: (0%)
-----

Witam.
Mam taki skrypt
[HTML] pobierz, plaintext 
  1. html>
  2. <head>
  3. <link rel="stylesheet" href="style.css" type="text/css">
  4. </head>
  5.  
  6. <script language="JavaScript" type="text/javascript"> 
  7. <!--  
  8. var img = document.getElementById("img");
  9. var interval;
  10. function powieksz()
  11. {
  12.   var width = img.width;
  13.   var height = img.height;
  14.   if(width >= 160 || height >= 130)
  15.   {
  16.     return;
  17.   }
  18.   else
  19.   {
  20.     img.width = width + 1;
  21.     img.height = height + 1;
  22.   }
  23.   interval = setTimeout("powieksz()", 25);//im mniejsza liczba tym szybciej obraz będzie się powiększał
  24. }
  25. img.onmouseover = powieksz;
  26. // -->
  27. </script>
  28.  
  29. <body>
  30. <img src="bp.jpg" border=\"0" id="img"><br>
  31. <img src="bp.jpg" border=\"0" id="img"><br>
  32. </body>
[HTML] pobierz, plaintext


powiniem mi od powiększac zdjęcie , a nie powiększa nic dlaczego? co jest źle?


--------------------
www.wolni-farmerzy.eu
www.minecraft24.eu
Go to the top of the page
+Quote Post
wookieb
post 24.10.2009, 11:17:11
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
1) skrypt powinien byc wywolany ZA img
2) MAsz 2 elementy tym samym id


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
kubek15
post 24.10.2009, 11:23:59
Post #3





Grupa: Zarejestrowani
Postów: 278
Pomógł: 3
Dołączył: 28.06.2008
Skąd: PL

Ostrzeżenie: (0%)
-----

ale ja mam kilka zdjęc i muszą być tego samego id bo zależy na które najade to te się ma powiększyć.

ad.1 to ten JS na koniec kodu wywalić?


--------------------
www.wolni-farmerzy.eu
www.minecraft24.eu
Go to the top of the page
+Quote Post
wookieb
post 24.10.2009, 12:09:56
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
Listujesz je (np getElementsByTagName) i do każdego dodajesz zdarzenie onmouseover

A jak uzyskasz referencje do najechanego img?
Kod
<img src="http://wookieb.pl/site_logo.jpg" alt="" id="test"/>
<script type="text/javascript">
    var img = document.getElementById('test');
    
    function tester()
    {
        this; // twoj img na ktorego najechales
    }
    
    img.onmouseover = tester;
</script>

To tak na szybko.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.06.2025 - 22:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn