Home

Bilderdownload 1

Mal wieder hatte ich von einer Digitalkammera mehrere Bilder und wollte die alle mal ansehen. Und oft hatte ich schnell mal eine HTML Seite mit einigen zehn Bildern geschrieben. Aber irgendwann stieß ich auf die Möglichkeit in HTML mit Hilfe von Javascript das Ganze zu vereinfachen. Daraus entstand eine kurze HTML Datei mit der Möglichkeit im Quellcode einen festen Dateistamm (z.B. "DSC") anzugeben, dann einen Zahlenbereich (z.B. 35 bis 47), die Anzahl der Stellen die die Zahl haben soll (wir mit Nullen aufgefüllt, z.B. 5) und dann noch die Dateiendung (z.B. ".jpg") das Ergebniss kann in zwei Varianten ausgegeben werden. Einmal können alle Bilder angezeigt werden, zum anderen kann ein HTML Code für eine Datei angezeigt werden, in denen die Bilder angezeigt werden. Dazu gibt es die Variable "Debug", ist sie =1, dann zeigt es einen HTML Code an, bei =0 zeigt die Datei dann die Bilder direkt an.


<html><head><title>Bilddownload  von Egmont.Schreiter@gmx.de</title>

<script language="JavaScript">
  <!--

function inttostr(n)
{
var int = "";
int = int.concat(parseInt(n));
return int;
}
function nop() {;}
  //-->
  </script>


</head><body>

<script language="JavaScript">
{

  var url1 = "dsc";
  var url2 = ".jpg";
  var anfang = 35;
  var ende = 47;
  var stellen =5;

  debug = 0;

  debug ? document.write("&lt;html&gt; &lt;body&gt;") : nop();
  for (n= anfang;n<=ende;++n)
    {
    debug ? document.write("<br> &lt;br&gt;&lt;br&gt; &lt;img src=\"" + url1) : document.write("<br><br><img src=\"" + url1);
    for(m = 0 ; m < (stellen - inttostr(n).length) ; ++m)
      document.write("0");
    debug ? document.write(n + url2 + "\"&gt;") : document.write(n + url2 + "\">");
    }
  debug ? document.write("&lt;/body&gt; &lt;/html&gt;") : nop();
}


</script>
</body></html>


Das Ergebniss sieht dann so aus:

Debug = 0:


Die Bilder werden alle angezeigt. Aber so kann die Seite nicht mit Bildern gespeichert werden, falls die Bilder im Internet sind. Da muß man über die Variante Debug = 1 gehen!

Debug = 1:


Den Text kopiert man nun in eine leere Textdatei, speichert sie als *.htm oder *.html und öffnet die Datei im Browser. So kann man dann Bilder mit der Datei mit "Speichern unter" auf die Festplatte kopieren, falls die Bilder irgendwo im Internet sind.

Bilderdownload 2

Manchmal hat man in durchnummerierten Verzeichnissen Bilder die auch Durchnummeriert sind. Das wird teilweise bei Katalogen verwandt. der folgende Quellcode gibt die Möglichkeit eine innere und äussere Zählschleife zu gestalten. Die Einstellungen sind wie bei der anderen Version.


<html><head><title>Bilddownload  von Egmont.Schreiter@gmx.de</title>

<script language="JavaScript">
  <!--

function inttostr(n)
{
var int = "";
int = int.concat(parseInt(n));
return int;
}
function nop() {;}
  //-->
  </script>


</head><body>


<script language="JavaScript">
{

  var url1 = "dat";
  var url2 = "/bild";
  var url3 = ".jpg";
  var in_anfang = 1;
  var in_ende = 3;
  var in_stellen =1;

  var out_anfang = 2;
  var out_ende = 4;
  var out_stellen =2;

  debug = 1;

  debug ? document.write("&lt;html&gt; &lt;body&gt;") : nop();

for (o= out_anfang; o <= out_ende; ++o)
  {
  for (i= in_anfang; i <= in_ende; ++i)
    {
    debug ? document.write("<br> &amp;lt;br&gt;&lt;br&gt; &lt;img src=\"" + url1) : document.write("<br><br><img src=\"" + url1);

    for(m = 0 ; m < (out_stellen - inttostr(o).length) ; ++m)
      document.write("0");

    document.write(o + url2);

    for(m = 0 ; m < (in_stellen - inttostr(i).length) ; ++m)
      document.write("0");
    debug ? document.write(i + url3 + "\"&gt;") : document.write(i + url3 + "\">");
    }
  }
  debug ? document.write("&lt;/body&gt; &lt;/html&gt;") : nop();
}


</script>
</body></html>

Und so sieht das aus:


Fragen, Anregungen, Kritik und Korrekturhinweise könnt ihr an mich senden.

Diese Seiten wurden zuletzt am 19:46 01.04.02 aktualisiert