✔ dynamische grafische Buttons --> funktioniert nicht richtig

S

Sammy1979

Grünschnabel
Hallo.

Habe folgendes Problem:
Ich habe unten den Code für dynamische grafische Buttons geschrieben. Das funktioniert aber irgendwie nicht richtig. Zwar werden die 4 "Startbuttons" angezeigt, sobald ich aber mit der Maus darüber streiche wird weder das highlight-image angezeigt noch beim verlassen das normale image ("Startbutton"). Woran kann das liegen?

Gruß Sammy

Code: 
<html>
	<head>
		<title>Buttons
		</title>

		<script type="text/javascript">
			Normal1 = new Image();
			Normal1.src = "Home.gif";    
			Highlight1 = new Image();
			Highlight1.src = "Home-over.gif";

			Normal2 = new Image();
			Normal2.src = "FAQ.gif";     
			Highlight2 = new Image();
			Highlight2.src = "FAQ-over.gif"; 
		
			Normal3 = new Image();
			Normal3.src = "Impressum.gif";    
			Highlight3 = new Image();
			Highlight3.src = "Impressum-over.gif"; 

			Normal4 = new Image();
			Normal4.src = "Kontakt.gif";     
			Highlight4 = new Image();
			Highlight4.src = "Kontakt-over.gif"; 

			function Bildwechsel (Bildnr, Bildobjekt) 
			{
				window.document.images[Bildnr].src = Bildobjekt.src;
			}
		</script>
	</head>

	<body bgcolor="#00ffff" background="buttonsback.gif">
		<table border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td valign="top">
					<a href="home.html"
						onmouseover="Bildwechsel(0, Highlight1)"
						onmouseout="Bildwechsel(0, Normal1)">
							<img src="Home.gif" 
							   width="130" height="30" border="0" alt="Home">
					</a>
				
					<br>

					<a href="FAQ.html"
						onmouseover="Bildwechsel(1, Highlight2)"
						onmouseout="Bildwechsel(1, Normal2)">
							<img src="FAQ.gif"
							   width="130" height="30" border="0" alt="FAQ">
					</a>
	
					<br>

					<a href="Impressum.htm"
						onmouseover="Bildwechsel(2, Highlight3)"
						onmouseout="Bildwechsel(2, Normal3)">	
							<img src="Impressum.gif"
							   width="130" height="30" border="0" alt="Impressum">
					</a>
		
					<br>

					<a href="Kontakt.htm"
						onmouseover="Bildwechsel(3, Highlight4)"
						onmouseout="Bildwechsel(3, Normal4)">	
							<img src="Kontakt.gif"
							   width="130" height="30" border="0" alt="Kontakt">
					</a>
				</td>

				<td>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</td>
			</tr>
		</table>
	</body>
</html>
 
Hi,

ich kann am Script keinen Fehler entdecken.

- Bist Du sicher, dass die Dateinamen richtig geschrieben wurden (Gross-/Kleinschreibung, Pfad)?
- Vielleicht auch ein Problem mit dem Index der Bilder?
- Vielleicht JavaScript deaktiviert?

Ciao
Quaese
 
Bin mir sicher.
Kann das an meinem Browser (IE) liegen?. Habs allerdings auch mit FF probiert. Dort sehe ich dann noch nicht einmal die Startbuttons.
Es muß ja eigentlich am oberer Teil (Java) liegen, da die Startbuttons ja auch angezeigt werden und die haben den gleichen Verweispfad wie die Bilderzuweisung im body-tag. Ich bin richtig ahnungslos. Ich habe jetzt bestimmt schon 3 Std. auf den Code geklotzt und weis mir nicht mehr zu helfen.

Gruß Sammy
 
Javascript, bitte.

Dass die Bilder auch nach dem Laden der Seite nicht angezeigt werden, ist komisch. Eventuell sind die Dateinamen wirklich falsch? Guck nochmal nach. Und gib die Dateinamen der Bilder in die Adressleiste ein.


Gruss
 
Also ich hab eben noch einmal an dem Code herumgeschraubt und jetzt funktioniert es. Was ich in dem Code oben nicht hier im Forum geschrieben habe (wegen Vereinfachung) ist der Pfad der einzelnen Bilddateien. Eigentlich heißt es im Code:

Code: 
<script type="text/javascript">
			Normal1 = new Image();
			Normal1.src = "C:\Eigenen Dateien\Bilder\....\...\...\Home.gif";    
			Highlight1 = new Image();
			Highlight1.src = "C:\Eigenen Dateien\Bilder\....\...\...\Home-over.gif";

und

Code: 
<a href="home.html"			

	onmouseover="Bildwechsel(0, Highlight1)"
	onmouseout="Bildwechsel(0, Normal1)">
	<img src="C:\Eigenen Dateien\Bilder\....\...\...\Home.gif" 
		  width="130" height="30" border="0" alt="Home">
</a>

Das hat aber aus irgendwelchen Gründen nicht funktioniert. Ich habe jetzt alles auf nen Stick gezogen. Somit hat der Pfad F:\Home.gif gelautet und dann hat es geklappt.

Danke für eure Hilfe.

Gruß Sammy
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück