Philipp Grashoff: Vorteil von Script-Rollovern ?!

Hll lb Frmsgmnd!
(Hallo liebe Forumsgemeinde!)

Seit einer Viertelstunde beschaeftigt mich eine Frage, auf die ich aber absolut keine Antwort finde:

*Es gibt massenweise Rollover-Scripte, die wie das aus Selfhtml sind*

Ich hatte Probleme mit dem Rollover-Script aus Selfhtml, da da die Bilder durchnummeriert werden und das Probleme schafft, wenn eine unbestimmte Anzahl von Bildern in dem Dokument vor den Rollovern erscheinen; deshalb hab ich aus Frust mal n bisserl rumprobiert und bin auf diese Loesung gestoßen:

<a href="index.php?con=nadine">
    <img  src="rollovers/nadine_01.gif"
    onMouseOver="this.src='rollovers/nadine_01_over.gif'"
    onMouseOut="this.src='rollovers/nadine_01.gif'"
    width="145" height="26" border="0" alt="nadine"></a>

braucht man kein Script im Head usw, ist viel weniger Tipparbeit als bei den Scripten und funktioniert mit allen Browsern perfekt... (sollten doch jetzt auch bei jemand ohne Javascript funzen, oder?)

Daher nun meine Frage:

Wo liegt der Vorteil der Script-Loesungen? Ich meine, irgendeinen muss es ja geben, wenn es so massenhaft Scripte dafuer gibt!

MFG

Philipp

  1. Hi,

    <a href="index.php?con=nadine">
        <img  src="rollovers/nadine_01.gif"
        onMouseOver="this.src='rollovers/nadine_01_over.gif'"
        onMouseOut="this.src='rollovers/nadine_01.gif'"
        width="145" height="26" border="0" alt="nadine"></a>

    braucht man kein Script im Head usw, ist viel weniger Tipparbeit als bei den Scripten und funktioniert mit allen Browsern perfekt... auch mit Netscape 4.x?

    Wo liegt der Vorteil der Script-Loesungen? Ich meine, irgendeinen muss es ja geben, wenn es so massenhaft Scripte dafuer gibt!

    Nun ja: Bei 400 Rollovers taucht (400 + 400*2)-mal der vollständige relative Pfad im Code auf..

    Viel Grüße,
    Martin

  2. Hll lb Frmsgmnd!
    (Hallo liebe Forumsgemeinde!)

    Seit einer Viertelstunde beschaeftigt mich eine Frage, auf die ich aber absolut keine Antwort finde:

    *Es gibt massenweise Rollover-Scripte, die wie das aus Selfhtml sind*

    Ich hatte Probleme mit dem Rollover-Script aus Selfhtml, da da die Bilder durchnummeriert werden und das Probleme schafft, wenn eine unbestimmte Anzahl von Bildern in dem Dokument vor den Rollovern erscheinen; deshalb hab ich aus Frust mal n bisserl rumprobiert und bin auf diese Loesung gestoßen:

    <a href="index.php?con=nadine">
        <img  src="rollovers/nadine_01.gif"
        onMouseOver="this.src='rollovers/nadine_01_over.gif'"
        onMouseOut="this.src='rollovers/nadine_01.gif'"
        width="145" height="26" border="0" alt="nadine"></a>

    Sieht nicht schlecht aus. Trotzdem meine Einwände:
    1. Funktioniert das Ganze nur wieder mit eingeschaltetem Javascript, weil Event-Handler angesprochen werden.
    2. (Haupteinwand) Die Bilder werden nicht vorgeladen, was dazu führt, dass der Clou von RolloverImages, nämlich die Bilder sozusagen nahezu zeigleich auszutauchen, futsch ist.

    Ciao

    W. Pichler

    1. Hi

      Ohne es getestet zu haben gefällt mir der Ansatz, und ...

      1. (Haupteinwand) Die Bilder werden nicht vorgeladen, was dazu führt, dass der Clou von RolloverImages, nämlich die Bilder sozusagen nahezu zeigleich auszutauchen, futsch ist.

      Was spricht dagegen onLoad eine preloadFunktion aufzurufen? Die iteriert über die Bilder, ließt
      den Bildnamen aus, hängt _over dran und lädt sie vor.

      Eigentlich könnte man auch gleich onMouseOver und onMouseOut dabei erst definieren. Dann dürfte auch die Dateigröße kräftig zusammenschmelzen.

      Wichtig wäre dann nur dass die betroffenen Images
      unterscheidbar sind von Images ohne Rollover.

      Am besten durch Namenskonvention bei den Bildern
      (z.B. _out/_over)

      Wenn das so in allen Browsern funktioniert wärs doch
      was schönes! :)

      Ciao
        Rolf

    2. Hallo,

      1. Funktioniert das Ganze nur wieder mit eingeschaltetem
        Javascript, weil Event-Handler angesprochen werden.

      ähem, mouseover-Routinen für Bilder benötigen immer Javascript.....

      Chräcker

      http://www.Stempelgeheimnis.de

      1. Alles zurück,

        habe jetzt erst gerade das Ausgangsposting scheinbar gründlich genug gelesen, Dein Kommentar past nun natürlich....

        Chräcker

  3. hi

    <a href="index.php?con=nadine">
        <img  src="rollovers/nadine_01.gif"
        onMouseOver="this.src='rollovers/nadine_01_over.gif'"
        onMouseOut="this.src='rollovers/nadine_01.gif'"
        width="145" height="26" border="0" alt="nadine"></a>

    braucht man kein Script im Head usw, ist viel weniger Tipparbeit als bei den Scripten und funktioniert mit allen Browsern perfekt... (sollten doch jetzt auch bei jemand ohne Javascript funzen, oder?)

    ohne JavaScript geht hier immer noch nichts. Und übrigens dürfte Netscape 4 soweit ich weiß dieses schöne this.irgendwas auch nicht kennen.

    Wo liegt der Vorteil der Script-Loesungen? Ich meine, irgendeinen muss es ja geben, wenn es so massenhaft Scripte dafuer gibt!

    wo der Vorteil von schlechten HTML liegt, frag' ich mich öfter..

  4. Hallo,

    Ich hatte Probleme mit dem Rollover-Script aus Selfhtml, da da die Bilder durchnummeriert werden und das Probleme schafft, wenn eine unbestimmte Anzahl von Bildern in dem Dokument vor den Rollovern erscheinen; deshalb hab ich aus Frust mal n bisserl rumprobiert und bin auf diese Loesung gestoßen:

    <a href="index.php?con=nadine">
        <img  src="rollovers/nadine_01.gif"
        onMouseOver="this.src='rollovers/nadine_01_over.gif'"
        onMouseOut="this.src='rollovers/nadine_01.gif'"
        width="145" height="26" border="0" alt="nadine"></a>

    braucht man kein Script im Head usw, ist viel weniger Tipparbeit als bei den Scripten und funktioniert mit allen Browsern perfekt... (sollten doch jetzt auch bei jemand ohne Javascript funzen, oder?)

    Nein, ueber die Event-Handler wird auch JS angefordert. Wie bereits erwaehnt wurde, werden die MouseOver-Bilder nicht vorgeladen und der Code wird stark aufgeblaeht. Bei einzelnen Bildern ist das mal praktikabel, wenn man noch definiert:
    <body onload="x=new Image();x.src='neu1.jpg';y=new Image();y.src='neu2.jpg'">

    Ansonsten sind Funktionen besser geeignet und statt der Nummer kann auch ueber das Attribut name auf die Bilder zugegriffen werden, siehe: http://www.styleassistant.de/tips/tip09.htm.

    MfG, Thomas