Ich habe ein Problem beim Einfügen von mehreren Buttons. Ich möchte denselben Button (ImageReady-Rollover) mehrmals in eine HTML-Seite einfügen. Leider funktionieren dann die onmouseover-, onmousedown-, ..., -Befehle nicht mehr bzw. der Button ist nur noch eine Grafik. Ich weiß, dass man die onmouse-Befehle nummerieren und die JavaScript-Funktion um die Attribute "(xy)" erweitern muß, aber an welche Stelle soll ich die Nummerierungen setzen? Zur Veranschaulichung hier der HTML-Code:
<HTML>
<HEAD>
<TITLE>optische Täuschungen</TITLE>
<meta name="author" content="INNOVA126">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (nach oben.psd) -->
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages(xy) {
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) {
nach_oben_01_down = newImage("nach-oben_01-down.gif");
nach_oben_01_over = newImage("nach-oben_01-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY text="#FFFFFF" bgcolor="#000000" ONLOAD="preloadImages();">
<!-- ImageReady Slices (nach oben.psd) -->
<A HREF="#"
ONMOUSEOVER="changeImages('nach_oben_01', 'nach-oben_01-over.gif'); return true;"
ONMOUSEOUT="changeImages('nach_oben_01', 'nach-oben_01.gif'); return true;"
ONMOUSEDOWN="changeImages('nach_oben_01', 'nach-oben_01-down.gif'); return true;"
ONMOUSEUP="changeImages('nach_oben_01', 'nach-oben_01-over.gif'); return true;">
<IMG NAME="nach_oben_01" SRC="nach-oben_01.gif" WIDTH=90 HEIGHT=60 BORDER=0></A>
<!-- End ImageReady Slices -->
<br>
<br>
<br>
<br>
<br>
<br>
<!-- ImageReady Slices (nach oben.psd) -->
<A HREF="#"
ONMOUSEOVER="changeImages('nach_oben_01', 'nach-oben_01-over.gif'); return true;"
ONMOUSEOUT="changeImages('nach_oben_01', 'nach-oben_01.gif'); return true;"
ONMOUSEDOWN="changeImages('nach_oben_01', 'nach-oben_01-down.gif'); return true;"
ONMOUSEUP="changeImages('nach_oben_01', 'nach-oben_01-over.gif'); return true;">
<IMG NAME="nach_oben_01" SRC="nach-oben_01.gif" WIDTH=90 HEIGHT=60 BORDER=0></A>
<!-- End ImageReady Slices -->
</BODY>
</HTML>