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

SELF-Forum

onmouseover-Efekt=" mehere images gleichzeitig wechseln"

Falkmar Fischer
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. onmouseover-Efekt=" mehere images gleichzeitig wechseln"

    AlexBausW
    – Informationen zu den Bewertungsregeln

    Hi falkmar,

    Heute nur ein Link von mir, der Dein Problem lösen sollte:
    <../../sfausles/tsfa_tdb.htm#a5>

    Gruß AlexBausW (der sich mal als Linksetzer versucht ;-)

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. onmouseover-Efekt=" mehere images gleichzeitig wechseln"

      Falkmar Fischer
      – Informationen zu den Bewertungsregeln

      Heute nur ein Link von mir, der Dein Problem lösen sollte:
      <../../sfausles/tsfa_tdb.htm#a5>

      Gruß AlexBausW (der sich mal als Linksetzer versucht ;-)

      Danke Alex,
      der Ansatzt ist sicher richtig, jedoch ist immer noch kein Zugriff von einem Layer
      zum anderen Layer moeglich. Es gab dafuer aber eine Ueberraschung im MSIE in Form einer
      Fehlermeldung:

      • bei Auszeichnung am Ende mit "."
          document.layers["Ebene_1"].document.layers["Ebene_2"].document.images["Bild_name"].
          "Bezeichner erwartet"
      • bei Auszeichnung am Ende ohne "."
          document.layers["Ebene_1"].document.layers["Ebene_2"].document.images["Bild_name"]
          "'document.layers.Ebene_1'ist kein Objekt"
        Fazit:
        Im MSIE eine Fehlermeldung dfuer aber saubere Bilwiedergabe und im NS alles beim alten.
        Nicos Tip hat leider nicht Funktioniert.

      cu
      Falkmar

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. onmouseover-Efekt=" mehere images gleichzeitig wechseln"

      Falkmar Fischer
      – Informationen zu den Bewertungsregeln

      sorry Alex,
      Fehler ohne Amt, die benutzte Anweisung lautete

      document.layers["Div_name"].document.images["Bild_name"].
      bzw.
          document.layers["Div_name"].document.images["Bild_name"]

      Gruss Falkmar

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. onmouseover-Efekt=" mehere images gleichzeitig wechseln"

    Nico Odrich
    – Informationen zu den Bewertungsregeln

    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

    Versuch doch mal die " , " durch " ; " zu ersetzen, manchmal interpretiert NS ein komma nicht als Befehlsende !

    Gruß Nico

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. onmouseover-Efekt=" mehere images gleichzeitig wechseln"

      Falkmar Fischer
      – Informationen zu den Bewertungsregeln

      Versuch doch mal die " , " durch " ; " zu ersetzen, manchmal interpretiert NS ein komma nicht als Befehlsende !

      Hi Nico,
      ging leider auch nicht.

      cu
      FAlkmar

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln