Problem mit Java Script
Verfasst: 02.07.2006 15:32
Hallo,
ich verwende für meine Homepage ein Java Script, dass folgendes bewirkt: Beim Mouseover auf ein Bild in der Navigation lädt es ein zweites Bild nach. Eigentlich ein schöner und sehr bekannter Effekt. Nun habe ich aber ein paar Probleme, zuerst einmal der Quellcode des Scriptes, das im HEADER-Bereich meines Quelltextes steht:
Hier der Problemcode:
Wie man sieht verwende ich auch PHP-Befehle, dass spielt aber keine Rolle.
Bisher funktionierte das Script immer ohne Probleme. Nun habe ich jedoch ein 11. Bild eingefügt und es funktioniert nicht mehr. Nur im Opera wird es noch angezeigt, im IE, Firefox und Netscape findet der Rollovereffekt nicht mehr statt.
was kann schuld sein? Alle anderen Bilder, die oberhalb sind funktionieren noch einwandfrei! Bitte um Hilfe!
MfG Christian
ich verwende für meine Homepage ein Java Script, dass folgendes bewirkt: Beim Mouseover auf ein Bild in der Navigation lädt es ein zweites Bild nach. Eigentlich ein schöner und sehr bekannter Effekt. Nun habe ich aber ein paar Probleme, zuerst einmal der Quellcode des Scriptes, das im HEADER-Bereich meines Quelltextes steht:
Code: Alles auswählen
<script language="JavaScript">
<!--
startseite = new Image();
startseite.src = "<?php echo $root ?>images/startseite.gif";
startseiteg = new Image();
startseiteg.src = "<?php echo $root ?>images/startseite-g.gif";
news = new Image();
news.src = "<?php echo $root ?>images/news.gif";
newsg = new Image();
newsg.src = "<?php echo $root ?>images/news-g.gif";
archiv = new Image();
archiv.src = "<?php echo $root ?>images/archiv.gif";
archivg = new Image();
archivg.src = "<?php echo $root ?>images/archiv-g.gif";
forum = new Image();
forum.src = "<?php echo $root ?>images/forum.gif";
forumg = new Image();
forumg.src = "<?php echo $root ?>images/forum-g.gif";
fotos = new Image();
fotos.src = "<?php echo $root ?>images/fotos.gif";
fotosg = new Image();
fotosg.src = "<?php echo $root ?>images/fotos-g.gif";
fun = new Image();
fun.src = "<?php echo $root ?>images/fun.gif";
fung = new Image();
fung.src = "<?php echo $root ?>images/fun-g.gif";
downloads = new Image();
downloads.src = "<?php echo $root ?>images/downloads.gif";
downloadsg = new Image();
downloadsg.src = "<?php echo $root ?>images/downloads-g.gif";
buch = new Image();
buch.src = "<?php echo $root ?>images/buch.gif";
buchg = new Image();
buchg.src = "<?php echo $root ?>images/buch-g.gif";
kontakt = new Image();
kontakt.src = "<?php echo $root ?>images/kontakt.gif";
kontaktg = new Image();
kontaktg.src = "<?php echo $root ?>images/kontakt-g.gif";
imp = new Image();
imp.src = "<?php echo $root ?>images/imp.gif";
impg = new Image();
impg.src = "<?php echo $root ?>images/imp-g.gif";
history = new Image();
history.src = "<?php echo $root ?>images/history.gif";
historyg = new Image();
historyg.src = "<?php echo $root ?>images/history-g.gif";
function WechsleBild (Von,Nach)
{ var Bildnr = 0;
while ((window.document.images[Bildnr].src != Von.src) &&
(window.document.images[Bildnr].src != Nach.src))
{ Bildnr = Bildnr + 1 };
window.document.images[Bildnr].src = Nach.src; }
//-->
</script>Code: Alles auswählen
<a title ="History" href="<?php echo $root ?>history/index.php">
<img border="0" src="<?php echo $root ?>images/history.gif" onMouseOver="WechsleBild(history,historyg)" onMouseOut="WechsleBild(historyg,history)" alt="History" width="120" height="25"></a>Bisher funktionierte das Script immer ohne Probleme. Nun habe ich jedoch ein 11. Bild eingefügt und es funktioniert nicht mehr. Nur im Opera wird es noch angezeigt, im IE, Firefox und Netscape findet der Rollovereffekt nicht mehr statt.
was kann schuld sein? Alle anderen Bilder, die oberhalb sind funktionieren noch einwandfrei! Bitte um Hilfe!
MfG Christian