Falkmar Fischer: onmouseover-Efekt=" mehere images gleichzeitig wechseln"

Beitrag lesen

Problem:
Nach probieren meherer Scripts habe ich aufgeben muessen. Der MSIE scheint sehr fehlertollerant zu sein, jedoch macht  der NC mir die Gestalltung der Page zur Hoelle.
/*--Variante 1--*/
<html>
<head>
<script language="JavaScript">
<!--
        var Grafik0 = new Image();
        Grafik0.src = "images/taub1.gif";
        var Grafik1 = new Image();
        Grafik1.src = "images/a2blank.gif";
        var Grafik2 = new Image();
        Grafik2.src = "images/kack.gif";
        var Grafik3 = new Image();
        Grafik3.src = "images/taub2.gif";
        var Grafik4 = new Image();
        Grafik4.src = "images/sm1.gif";
        usw. ...
if (document.images) {
     function animate(Bildname, Dateiname) {
                    if (document.images) {
                         document.images[Bildname].src =  Dateiname + '.gif'
                         }
                    }

} else {
alert('Achtung, das image-Objekt wird von Ihrem Browser nicht unterstützt!')
                      }
//-->
</script>
<SCRIPT Language="JavaScript">
function winopen1()
{       F1=open("taube.htm","Taubenhinweis","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=200,height=125");
        }
</SCRIPT>
</head>

<body style="margin:0.0cm; padding:0.0cm; background-image:url(images/backrounds/komplett.gif); background-repeat:no-repeat;">

<div ID="taube" style="position:absolute; top:60px; left:181px"><a href="#"
onmouseover="document.taube.src='images/a2blank.gif',document.taube2.src='images/taub2.gif',document.taube3.src='images/buttons/st14_n.jpg'"
onmouseout="document.taube.src='images/taub1.gif',document.taube2.src='images/kack.gif',document.taube3.src='images/buttons/st14.jpg'">
<img SRC="images/taub1.gif" name="taube" width=58 height=38 BORDER=0 ALT="scheißende Taube, Sch'schon weck.">
</a></div>

<div ID="taube2" style="position:absolute; top:98px; left:181px">
<img SRC="images/kack.gif" name="taube2" width=58 height=38 BORDER=0 ALT="Taubenscheiße">
</div>
...
<div ID="tor2" style="position:absolute; top:336px; left:330px"><a href="#"
onmouseover="document.tor2.src='images/buttons/st15_n.jpg',document.tor.src='images//to2.gif'"
onmouseout="document.tor2.src='images/buttons/st15.jpg',document.tor.src='images//to1.gif'"
onMousedown="document.tor.src='images/animate1/tor.gif'"
onMouseup="document.tor.src='images//to1.gif'">
<img SRC="images/buttons/st15.jpg" name="tor2" BORDER=0 height=25 width=36 ALT="Tore sind für Autos, oder zum drüberklettern">
</a></div>
...
<div ID="taube3" style="position:absolute; top:336px; left:254px"><a href="#"
onmouseover="document.taube3.src='images/buttons/st14_n.jpg',winopen1(); return true;"
onmouseout="document.taube3.src='images/buttons/st14.jpg',F1.close()">
<img SRC="images/buttons/st14.jpg" name="taube3" BORDER=0 height=25 width=76 ALT="Tauben machen Dreck">
</a></div>
</body>
</html>

Ich hoffe das Beispiel war nicht zu lang. Zum kern des Problemes komme ich weiter unten.

/*--Variante 2--*/
<html>
<head>
<SCRIPT language="JavaScript">
<!--
Normal1 = new Image();
Normal1.src = "images/taub1.giff";
Highlight1 = new Image();
Highlight1.src = "images/a2blank.gif";
usw. ...
function Bildwechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src
} ... wie vor

Die zweite Variante funktioniert im NS auch nicht und ist meiner Meinung nach etwas hinderlich beim Umbauen der Seiten.  Dem MSIE scheint alles egal zu sein, in der ersten Variante konnte ich sogar auf die Funktion "animate" verzichten. Der NS funktioniert leider nur bis zum Komma bzw. hinter dem Komma nur mit einer neuen Fuktion.

Mein grosser Wunsch:

  • Ansprechen der images ueber den Namen oder die ID (MSI und NS werden benoetigt) da bei Aenderung der Seiten das Durchnummerieren sehr unuebersichtlich ist.
  • vorzugshalber ueber eine js.Datei
    Die Kommunikation kann zur schnelleren Umsetzung bevorzugtermassen ueber meine E-Mail erfolgen, jedoch faende ich eine veroeffentlichte Loesung ohne Copyright beflügelnder. Ich habe sehr lange im Internet gesucht und war leider nicht fuendig. unter www.portfolio.de (wenn ich mich noch recht erinnere) gab es eine Seite die aehnlich aufgebaut war(jedoch ohne zentrale Definition). Leider hat sich der Designer fuer einen Umbau entschieden.

Zu meiner Aufnahmefaehigkeit und Qualität der Mitarbeit:
Nach langen Arbeitstagen verbleit mir manchmal etwas Zeit zum basteln.

  • HTML-Kenntnisse sind vorhanden
  • CSS habe ich vor zwei Tagen kennengelern und kann sie recht gut leiden
  • Java Scripte kann ich nur klauen und manchmal interpretieren (soll sich aendern)
  • ich hasse Layer

mfg
Falkmar