Nancy: Rollover-Buttons

Beitrag lesen

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>