Forum PHP.pl > [HTML][JavaScript]onmouseover

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]onmouseover

Mastersieciweb

6.11.2013, 21:48:32

Witam, nie wiem dalczego funkcja nie działa, tzn nie działa funkcja onmouseover i onmouseout.. w czym tkwi błąd.. z góry dziękuje

<html>
<head>

<title>fgg</title>
</head>
<body>
<img src="maggie.jpg" id="hg"/>
<img src="kate.jpg" id="hgd"/>
<img src="roxana.jpg" id="hgf"/>
<script>
var nazwy = new Array('maggie.jpg', 'kate.jpg', 'roxana.jpg')

for (x=0; x<nazwy.length; x++) {
var obr[x] = new Array();
obr[x].src = nazwy[x];
}

document.getElementById('hg').onmouseover = function() {
this.src = obr[1];
}
document.getElementById('hgd').onmouseout = function() {
this.src = obr[2];
}

</script>
</body>
</html>

kamil4u

6.11.2013, 22:26:11

[HTML] pobierz, plaintext 
<html>
<head>
 
<title>fgg</title>
<style>
img{ width: 200px; height: 200px; }</style></head>
<body>
<img src="maggie.jpg" id="hg">
<img src="kate.jpg" id="hgd"/>
<img src="roxana.jpg" id="hgf"/>
<script>
var nazwy = new Array('maggie.jpg', 'kate.jpg', 'roxana.jpg')
 
var obr = [];
for (x=0; x<nazwy.length; x++) {
obr[x] = new Image();
obr[x].alt= nazwy[x];
}
 
document.getElementById('hg').onmouseover = function() {
this.src = obr[1].alt;
}
document.getElementById('hgd').onmouseout = function() {
this.src = obr[2].alt;
}
 
</script>
</body>
</html> 
[HTML] pobierz, plaintext

Mastersieciweb

8.11.2013, 12:19:01

dzięki, wszystko działa tylko jeśli możesz wyjaśnić prostymi słowami dlaczego zamiast Array jest Image i do czego służy właśnie te 'alt'..

dopiero zaczynam z JS więc dlatego chciałbym wiedzieć, dziękuje:)

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.