Aline: Bilderwechsel-DHTML in Netscape 6

Ich habe das Skript für für ein Bilderbuch zum Umblättern mit DHTML von der SELFHTML-Seite in meine Seite eingebaut, nur funktioniert es nicht in Netscape 6. Hat schon irgendjemand dieses Skript für Netscape 6 angepasst? Wäre über Hilfe wirklich sehr sehr dankbar!!!

  1. Hi Du,

    Ich habe das Skript für für ein Bilderbuch zum Umblättern mit DHTML von der SELFHTML-Seite in meine Seite eingebaut, nur funktioniert es nicht in Netscape 6. Hat schon irgendjemand dieses Skript für Netscape 6 angepasst? Wäre über Hilfe wirklich sehr sehr dankbar!!!

    Ach ja, _DIESES_ Skript meinst Du... äh.. ?! Oder hab' ich was verpasst? Vielleicht wäre mal ein bischen Source oder der Hinweis darauf, was da nun genau passiert (/ wie), nicht schlecht. Bilderwechsel? Seite umblättern? Was denn nun :) ?

    Mirko

    1. Hallo nochmal,

      falls Du die simple Anwendung von document.images[NAME].src = 'FILE.EXT' meinst, dann sollte das in NN6 eigentlich problemlos funzen (wogegen NN4+ hingegen Probleme macht, wenn das Bild in einem Layer ist, dann musst Du Dich erst durch das layer-Objekt hangeln (also document.layers[NAME].document.images[NAME]... usw)).

      Was sagt denn die JS-Console im NN6?

      Mirko

    2. Hallo Mirko, was glaubst du, warum ich den Link angegeben habe??
      http://www.teamone.de/selfhtml/tfcc.htm

      Es tut mir wirklich leid, dass ihr alle so gut seid und ich so wenig von der ganzen Sache verstehe, trotzdem hatte ich das Gefühl, ich sei hier am richtigen Ort, meine Frage zu stellen. Vielen Dank an alle, die mir vielleicht trotzdem noch weiterhelfen.

      1. Hallo Aline!

        Hallo Mirko, was glaubst du, warum ich den Link angegeben habe??
        http://www.teamone.de/selfhtml/tfcc.htm

        Es tut mir wirklich leid, dass ihr alle so gut seid und ich so wenig von der ganzen Sache verstehe, trotzdem hatte ich das Gefühl, ich sei hier am richtigen Ort, meine Frage zu stellen. Vielen Dank an alle, die mir vielleicht trotzdem noch weiterhelfen.

        Wer hat gesagt, dass wir alle so gut sind? Wie auch immer ...

        ... du hast das schon richtig gemacht mit dem Link. Mirko hat einfach nicht gut dein Posting gelesen :(
        Meistens schreiben die Leute genau deswegen im Text aber noch mal, das oben der Link angegeben ist. (Damit genau sowas nicht passiert)

        Weiters wäre ein Hallo und Tschau oder so im Text auch sehr nett. Denn dann freut man sich gleich viel mehr beim Helfen.

        Wie auch immer, leider kann ich dir bei deinen Problem auch nicht helfen, da ich mich damit noch nicht auseinandergesetzt habe.

        MfG,
        Sonny

        1. Halli hallo,

          Hallo Mirko, was glaubst du, warum ich den Link angegeben habe??
          http://www.teamone.de/selfhtml/tfcc.htm

          ... du hast das schon richtig gemacht mit dem Link. Mirko hat einfach nicht gut dein Posting gelesen :(

          Äh... Stimmt leider, sorry. Asche auf mein gebeugtes Haupt.

          Hier mal die angepasste (ungetestete) Version:

          <html>
            <head>
            <script language="JavaScript">
            <!--
            var Bild = new Array(7);
            Bild[0] = new Image(); Bild[0].src="sonne.gif";
            Bild[1] = new Image(); Bild[1].src="mond.gif";
            Bild[2] = new Image(); Bild[2].src="sterne.gif";
            Bild[3] = new Image(); Bild[3].src="feuer.gif";
            Bild[4] = new Image(); Bild[4].src="wasser.gif";
            Bild[5] = new Image(); Bild[5].src="luft.gif";
            Bild[6] = new Image(); Bild[6].src="erde.gif";
            var zeige = 0;
            var aktuelleBreite = 0;
            var Breite = 289;
            var Geschwindigkeit = 20;

          function Blaettern(Richtung)
            {
             zeige = zeige + Richtung;
             if(zeige > Bild.length - 1) zeige = 0;
             else if(zeige < 0) zeige = Bild.length - 1;
             if(document.all)
             {
               document.all.Bildbereich.style.clip = "rect(0 0 302 0)";
               document.all.Bildbereich.innerHTML =
               "<layer width=289 height=302><img src="" + Bild[zeige].src + ""></layer>";
             }
             else if(document.layers)
             {
              document.layers[0].visibility = "hide";
              document.layers[0].document.open();
              document.layers[0].document.write("<img src="" + Bild[zeige].src + "">");
              document.layers[0].document.close();
              document.layers[0].clip.right = 0;
              document.layers[0].visibility = "show";
             }
             else if(document.getElementById)
             {
               document.getElementById('Bildbereich').style.visibility = 'hidden';
               document.getElementById('Bildbereich').innerHTML =
               "<layer width=289 height=302><img src="" + Bild[zeige].src + ""></layer>";
             }
             BildAufbauen();
            }

          function BildAufbauen()
            {
             if(aktuelleBreite <= Breite)
             {
              if(document.all)
                document.all.Bildbereich.style.clip="rect(0 "+ aktuelleBreite + " 302 0)";
              else if(document.layers)
                document.layers[0].clip.right = aktuelleBreite;
              else if(document.getElementById)
                document.getElementById('Bildbereich').style.clip = "rect(0 "+ aktuelleBreite + " 302 0)";
              aktuelleBreite = aktuelleBreite + Geschwindigkeit;
              window.setTimeout("BildAufbauen()",0);
             }
             else
             {
              aktuelleBreite = 0;
              if(document.all)
                document.all.Bildbereich.style.clip="rect(0 " + Breite + " 302 0)";
              else if(document.layers)
                document.layers[0].clip.right = Breite;
              else if(document.getElementById)
                document.getElementById('Bildbereich').style.clip = "rect(0 " + Breite + " 302 0)";
             }
            }
            function Init()
            {
             if(document.all)
              document.all.Bildbereich.innerHTML =
              "<layer width=289 height=302><img src="" + Bild[0].src + ""></layer>";
             else if(document.layers)
             {
              document.layers[0].document.open();
              document.layers[0].document.write("<img src="" + Bild[0].src + "">");
              document.layers[0].document.close();
             }
             else if(document.getElementById)
              document.getElementById('Bildbereich').innerHTML =
              "<layer width=289 height=302><img src="" + Bild[0].src + ""></layer>";
            }
            // -->
            </script>
            </head>
            <body bgcolor=#FFFFFF onLoad="Init()">

          <div id="Bildbereich" style="position:absolute; left:10px; top:140px;
            padding:0px; clip:rect(0 289 302 0); visibility:show;">
            <layer width=289 height=302></layer></div>

          <div style="position:absolute; left:320; top:140; width:100; font-size:18pt;" width=100>
            [<a href="javascript:Blaettern(-1)"><<</a>]
            [<a href="javascript:Blaettern(1)">>></a>]
            </div>

          </body>
          </html>

          Falls es Probs gibt, einfach nochmal melden :).

          Mirko

          1. Hi Mirko, nicht sauer sein, dass ich so aufbrausend war, hab einfach schon fast die Nerven verloren, weil ich's eben schon so lange alleine versucht habe :-((. Vielen Dank für deine Bemühungen, ich probiere es heute abend gleich aus! Aline

          2. Hallo!

            Könntet ihr vielleicht doch noch mal schauen, was ich nicht richtig mache? Bei Netscape 6 sind bei mir die Bilder einfach nicht sichtbar...

            http://wp002b1923.sizch.net/html/brillenkunst.html

            1. Bei mir funzt es.

              du must natürlich deiner archiv-datei entsprechende rechte vergeben.

              dein beispiel ist live anzusehen unter

              http://www.reise-notizen.de/kl_gaestebuch.php

              grüße knut

              1. Äh... funzt es oder hast Du das neue Posting übersehen?

                http://www.teamone.de/selfaktuell/forum/?m=134234&t=25675

                (also bei mir läuft's nun - hab's getestet ;)

                Mirko

                1. Hi Mirko, konnte mich eben erst wieder vor die Kiste setzen....und.....yeap!! es funktioniert. Vielen Dank, echt nett von dir!! Aline

  2. Hallo,

    Ich habe das Skript für für ein Bilderbuch zum Umblättern mit DHTML von der SELFHTML-Seite in meine Seite eingebaut, nur funktioniert es nicht in Netscape 6. Hat schon irgendjemand dieses Skript für Netscape 6 angepasst?

    wäre das nicht eine dankbare Aufgabe bei der Du gleich etwas JavaScript
    lernen kannst, so a la selfhtml?

    Im Beispiel gibt es "if(document.layers)" und "if(document.all)",
    für Netscape 6 musst Du mit "document.getElementById" arbeiten
    und dann entspr. mit dem getElementById und den style-Eigenschaften
    weitermachen.
    Oder zuerst ein Probescript mit dem erstmal "clip" bei N6
    getestet wird, vielleicht findest Du was im Archiv zu den
    Punkten (ich glaube bei den ersten Versionen von mozilla
    verhielt sich clip anders bei den späteren).

    Grüsse

    Cyx23