Hallo,
ich möchte per mouseover eine Bild im Menü ändern und habe diesen Code von mir geändert nur irgendwie funktioniert der nicht, ich finde die Fehlerquelle nicht. Wäre nett wenn von euch JS Cracks nochmal jemand draufschauen könnte.
Vielen Dank schon mal und eine geruhsame Nacht.
ich möchte per mouseover eine Bild im Menü ändern und habe diesen Code von mir geändert nur irgendwie funktioniert der nicht, ich finde die Fehlerquelle nicht. Wäre nett wenn von euch JS Cracks nochmal jemand draufschauen könnte.
Code:
<script language="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
start_over = newImage("../pics/menue/start_over.gif");
start_down = newImage("../pics/menue/start_normal.gif");
news_over = newImage("../pics/menue/news_over.gif");
news_down = newImage("../pics/menue/news_over.gif");
downloads_over = newImage("../pics/menue/downloads_over.gif");
downloads_down = newImage("../pics/menue/downloads_over.gif");
gallery_over = newImage("../pics/menue/gallery_over.gif");
gallery_down = newImage("../pics/menue/gallery_over.gif");
forum_over = newImage("../pics/menue/forum_over.gif");
forum_down = newImage("../pics/menue/forum_over.gif");
preloadFlag = true;
}
}
function Start() {
Start = open("../index.html");
}
function News() {
News = open("../news.html");
}
function Downloads() {
Downloads = open("../downloads.html");
}
function Gallery() {
Gallery = open("../gallery.html");
}
function Forum() {
Forum = open("../forum.html");
}
// -->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
Body
{
scrollbar-base-color:ffffff;
scrollbar-track-color:ffffff;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-shadow-color:ffffff;
scrollbar-arrow-color:000000;
}
</STYLE>
</head>
<body bgcolor="#ffffff">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr height="28">
<td style="border-bottom: solid; border-bottom-width: 2px; border-color: #000000;" width="100" height="28"><img src="../Pics/blindes.gif" alt="" height="26" width="100" border="0"></td>
<td style="border-top: solid; border-top-width: 2px; border-left: solid; border-left-width: 2px; border-color: #000000;" width="61" height="28"><img src="../Pics/menue/start_aktiv.gif" alt="Start" height="26" width="59" border="0"></td>
<td style="border-top: solid; border-top-width: 2px; border-bottom: solid; border-bottom-width: 2px; border-left: solid; border-left-width: 2px; border-color: #000000;" width="54" height="28">
<a href="#"
onMouseOver="changeImages('News', '../pics/menue/news_over.gif'); return true;"
onMouseOut="changeImages('News', '../pics/menue/news_normal.gif'); return true;"
onMouseDown="changeImages('News', '../pics/menue/news_normal.gif'); return true;"
onMouseUp="changeImages('News', '../pics/menue/news_normal.gif'); return true;"
onClick="changeImages('News', '../pics/menue/news_normal.gif'); News();">
<img src="../Pics/menue/news_normal.gif" alt="News" height="24" width="52" border="0"></a></td>Vielen Dank schon mal und eine geruhsame Nacht.
