Forum PHP.pl > [JavaScript]Powiększanie miniaturki skrypt nie działa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Powiększanie miniaturki skrypt nie działa

kubek15

24.10.2009, 11:06:51

Witam.
Mam taki skrypt

[HTML] pobierz, plaintext 
html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
 
<script language="JavaScript" type="text/javascript"> 
<!--  
var img = document.getElementById("img");
var interval;
function powieksz()
{
  var width = img.width;
  var height = img.height;
  if(width >= 160 || height >= 130)
  {
    return;
  }
  else
  {
    img.width = width + 1;
    img.height = height + 1;
  }
  interval = setTimeout("powieksz()", 25);//im mniejsza liczba tym szybciej obraz będzie się powiększał
}
img.onmouseover = powieksz;
// -->
</script>
 
<body>
<img src="bp.jpg" border=\"0" id="img"><br>
<img src="bp.jpg" border=\"0" id="img"><br>
</body>
[HTML] pobierz, plaintext

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

wookieb

24.10.2009, 11:17:11

1) skrypt powinien byc wywolany ZA img
2) MAsz 2 elementy tym samym id

kubek15

24.10.2009, 11:23:59

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ć?

wookieb

24.10.2009, 12:09:56

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.

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.