✔ Bildwechsel Javascript funktion

D

DiDiJo

Erfahrenes Mitglied
Hey leute,

ich weiß nicht ob ich schonmal gesagt habe .. aber ich HASSE Javascript. Irgendwie kommen bei mir IMMER Fehler die absolut keinen Sinn machen ....

hier mein Problem:

ich habe ein Ratingsystem gebaut (1 - 10; jede zahl ist ein farbiger block der immer größer wird)

HTML: 
<img src='$file' alt='1' title='1' name='ranking_1' onmouseover='changeRating(this.title)' onmouseout='changeRatingBack(this.title)'/>
<img src='$file' alt='2' title='2' name='ranking_2' onmouseover='changeRating(this.title)' onmouseout='changeRatingBack(this.title)'/>
<img src='$file' alt='3' title='3' name='ranking_3' onmouseover='changeRating(this.title)' onmouseout='changeRatingBack(this.title)'/>

... so ... dass muss als Beispiel / Codeschnipsel reichen.

Nun zu meinen Javascript funktionen:

Code: 
function changeRating (id) {
	var bild;
	var number;	
	for (var i=id; i >= 0; i--) {
		bild= String("ranking_"+i);
		if (i >= 10) number = i;
		else		 number = '0'+i;
		document.images[bild].src = "/pics/ranking/ranking-orange-"+number+".jpg";
	}
}
function changeRatingBack (id) {
	var bild;
	var number;
	for (var i=id; i >= 0; i--) {
		bild= String("ranking_"+i);
		if (i >= 10) number = i;
		else		 number = '0'+i;
		document.images[bild].src = "/pics/ranking/ranking-white-"+number+".jpg";	
	}
}

ich kriege in BEIDEN Funktionen IMMER folgenden Fehler:

document.images[bild] is undefiend ...


nun habe ich schon lange rumgespielt aber immer kriege ich die fehlermeldung.

das habe ich schon versucht:

Code: 
document.images[bild].src = "/pics/ranking/ranking-white-"+number+".jpg";
document.images.bild.src = "/pics/ranking/ranking-white-"+number+".jpg";
document.bild.src = "/pics/ranking/ranking-white-"+number+".jpg";
document.getElementById(bild).src = "/pics/ranking/ranking-white-"+number+".jpg";
document.getElementsByName(bild).src = "/pics/ranking/ranking-white-"+number+".jpg";

bei den letzten beiden Beispielen habe ich natürlich das Image Tag noch um eine ID bzw. um den Namen erweitert ... leider ohne Erfolg ...

Kann mir jemand sagen wo da der Wurm drinne steckt ?! Ich hab das jetzt schon 4 tage vor mich her geschoben weil ich am Ende immer wütend alles beendet habe


p.s. das ganze funktioniert übrigens im Firefox ... was ja nicht viel heißt ... der kann ja alles
auch im IE funktioniert das script .. .bloß der will immer den Debugger starten. Das Bild / die Bilder werden allerdings ausgetauscht
 
Zuletzt bearbeitet:
Moin DiDiJo,

eigentlich passt ja alles....nur der letzte Schleifendurchlauf erzeugt einen Fehler, der sich zwar nicht auf die Funktionalität auswirkt, aber halt ein Fehler ist :-)

Code: 
for (var i=id; i >= 0; i--)

Im letzten Schleifendurchlauf ist i==0, du hast aber kein Bild namens ranking_0

Lösung:
Code: 
for (var i=id; i > 0; i--)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück