Draganis: Bilder vorladen

Hallo,

ich hab ein Bilderarchiv für meine Seite eingerichtet und möchte gern die Bilder vorladen lassen.

Hab jetzt schon mehrere Versionen ausprobiert, aber irgendwie scheint keine davon zu funktionieren.

Hab mir eine kleine Testhomepage zum ausprobieren geholt und die Dateien darauf gestellt

die Adresse ist:
http://www.geocities.com/fischer_sven/

dort ist das Archiv (bild.htm)
und die restlichen Dateien, wo ich probiert hab die Bilder vorzuladen.

Bitte dringend um Hilfe.

Danke

Sven

  1. Hallo!

    Hab jetzt schon mehrere Versionen ausprobiert, aber irgendwie scheint keine davon zu funktionieren.

    Die einfachste und imho immer noch erfolgreichste Variante ist ohne
    JavaScript, einfach auf der vorhergehenden Seite die Bilder "unsicht-
    bar" einbauen, d.h. <img src="bild1.jpg" height="1" width="1">.
    Damit hast Du die Bilder im Browsercache und auch bei deaktivierten
    JavaScript gibt es keine Probleme.

    MFG, Stefan

    1. Das hat nur ein Problem....
      wenn die Bilder voll da sind, leitet der Browser nicht sofort weiter auf die nächste Seite....

      1. Das hat nur ein Problem....
        wenn die Bilder voll da sind, leitet der Browser nicht sofort weiter auf die nächste Seite....

        Genau, wenn ich voll bin, da leite ich auch nicht mehr irgendwohin
        weiter.

        <html>
        <head>
        <title>voll</title>
        <script language="JavaScript">
        function nachHause()
        {
        window.location.href = home.html;
        }
        </script>
        </head>
        <body onLoad="nachHause()">
        <img src="bett.gif" height="4711" width="0815">
        </body>
        </html>

        1. Danke für die Beteiligung...

          aber wie es sich ergeben hat, hat es sich ergeben <ggg>, daß sich das Problem anderweitig gelöst hat...

          Hier der Quellcode mit Erklärung:

          <html>

          <head>
          <title>Vorladen der Bildergalerie</title>
          <script language="JavaScript">
          <!--
          vers = 1.0;
          // -->
          </script>
          <script language="JavaScript1.1">
          <!--
          vers = 1.1;
          // -->
          </script>
          <script language="javascript">
          <!--
          function initArray() {
          for (var i = 0; i < initArray.arguments.length; i++)
            this[i] = initArray.arguments[i];
          this.length = initArray.arguments.length;
          }
          var pics = new initArray(  //Hier folgend kommen die Adressen, der zu ladenden Bilder hin!
          "bilder/uni20.gif",
          "bilder/redfairy.gif",
          "bilder/morb2.gif",
          "bilder/3unicorn.jpg",
          "bilder/alien06.jpg",
          "bilder/alien12.jpg",
          "bilder/almha.jpg",
          "bilder/ardunia.jpg",
          "bilder/beltane.jpg",
          "bilder/bloduewedd.jpg",
          "bilder/dewfairy.jpg",
          "bilder/dragon01.jpg",
          "bilder/dragon15.jpg",
          "bilder/dragon19.jpg",
          "bilder/dragon20.jpg",
          "bilder/fae2.gif",
          "bilder/fogdrgns.jpg",
          "bilder/legend07.jpg",
          "bilder/legend10.jpg",
          "bilder/legend15.jpg",
          "bilder/legend20.jpg",
          "bilder/nimue.jpg",
          "bilder/phoenix.jpg",
          "bilder/unicornwhiteR.jpg",
          "bilder/unicornwhitesm.jpg");

          var transfer_url = "bild.htm"; // Hier die Adresse der Seite eingeben, die später geladen werden soll!

          function transfer(param) {
          if (vers >= 1.1)
            location.replace(transfer_url);
          else
            location.href = transfer_url;
          }

          function done() {
          if (vers < 1.1)
            transfer();
          else
            commence_loading();
          }

          function commence_loading() {
          for (g=0;g<pics.length;g++)
            eval('document.preload'+g+'.src = "'+pics[g]+'";')
          ;
          }

          // preload the status bar images
          if (vers >= 1.1) {
          blue = new Image();
          blue.src = "blue.gif";   //die Adresse des Bildes, welches den Fortschritt im Statusbalken anzeigen soll (bitte die übrigen blue.gif 's im Dokument auf abändern)
          black = new Image();
          black.src = "black.gif";     //die Adresse des Bildes für die Hintergrundfarbe des Statusbalkens
          }

          var loaded = new Object();
          for (h=0;h<pics.length;h++)
          loaded[h] = 0;
          num_loaded = 0;

          function update(num) {
          loaded[num]++;
          if (loaded[num] == 2) {
            eval('document.status'+num_loaded+'.src = "blue.gif";');
            num_loaded++;
            if (num_loaded == pics.length-1)
             transfer();
          }
          }
          // -->
          </script>
          </head>

          <body bgcolor="#000000" onLoad="done()" background="bilder/border.gif" text="#008080" link="#008080" alink="#008080" vlink="#008080">

          <p align="center"><br>
          <font size="+1" face="Arial,Helvetica">Einen Moment Geduld - Seite wird<br>
          Geladen.</font><br>
          <br>
          <script language="JavaScript">
          <!--
          if (vers < 1.1) {
          document.write('Ihr Browser unterstützt diese Funktion nicht.<br>'
            + 'Benötigt wird ein Browser ab Version 3.x');
          for (j=0;j<pics.length;j++) {
            document.write('<img src="'+pics[j]+'" width=1 height=1>');
          }
          } else {
          document.write('<center><table><tr><td><center><b>status:</b></center><br> '
            + '<img src="blue.gif" width=15 height=10>');
          for (k=0;k<pics.length;k++)
            document.write('<img src="black.gif" width=30 height=10 name="status'+k+'">');
          document.write('</td></tr></table><br>'
            + '<center>Der Ungeduldige klickt <a href="'+transfer_url+'">hier</a>!</center>');
          for (j=0;j<pics.length;j++) {
            document.write('<img src="black.gif" width=1 height=1 '
             + 'onLoad="update('+j+')" name="preload'+j+'">');
          }
          }
          // -->
          </script> </p>
          </body>
          </html>

          1. Hallo!

            aber wie es sich ergeben hat, hat es sich ergeben <ggg>, daß sich das Problem anderweitig gelöst hat...

            Hier der Quellcode mit Erklärung:

            Genau, sehr schöner Quelltext, nur sehr blöde von Dir, in einem Fach-
            forum zu erwarten, dass die Leute hier es nicht wiedererkennen.
            Nach nullkommanix wußte ich, wo ich diesen Quelltext schonmal gesehen
            habe, bitte erspare uns eventuelle fadenscheinige Begründungen!

            Du hast ein paar Zeilen am Anfang des Scripts "vergessen":

            //Dieses Skript stammt von Michael Mailer‚s JavaScripts
            //URL: http://www.webaid.de/js  --  eMail: mm@webaid.de
            //Bitte   entfernen   Sie   diesen   Vermerk   nicht  !
            //Für eine Anpassung dieses Skripts beachten Sie die Zeilen, die mit "//" beginnen,
            //dort müssen Sie Ihre eigenen Werte eintragen!

            Hättest Du doch einfach den Link zu der Seite gepostet und nicht ein
            sehr langes umfrisiertes und geklautes Script!
            http://www.webaid.de/js/index.shtml?jav53.shtml

            MFG, Stefan

            1. Hi Stefan!

              Genau, sehr schöner Quelltext, nur sehr blöde von Dir, in einem Fach-
              forum zu erwarten, dass die Leute hier es nicht wiedererkennen.
              Nach nullkommanix wußte ich, wo ich diesen Quelltext schonmal gesehen
              habe, bitte erspare uns eventuelle fadenscheinige Begründungen!

              Mit "geloest" meinte er nicht, dass er ein Script gefunden hat. Das Script hatte er schon vorher, nur enthielt es einen Fehler, das war sein Problem. Und das Problem habe ich geloest.
              Natuerlich ist es trotzdem nicht korrekt, den Hinweis wegzulassen.

              MfG Simon

        2. Hi,

          <script language="JavaScript">
          function nachHause()
          {

          »»  window.location.href = home.html;

          }
          </script>
          </head>
          <body onLoad="nachHause()">

          Das geht auch ganz ohne JavaScript, und zwar mit

          <meta http-equiv="refresh" content="0; URL=home.html">

          im Header. Hier wird auch erst weitergeleitet, wenn alle Elemente der Seite komplett geladen sind.

          Gruß,
          Stefan
          http://www.StefanBion.de