Im zweiten Beispiel nutzen wir die Möglichkeit, mit einer Scriptdatei verschiedene Slideshows zu bedienen. Die Annahme: Auf verschiedenen Seiten eines Internetauftritts soll jeweils 1 Slideshow dargestellt werden.

Die Bezeichnungen "be_slide.html" und "be_slide.js" entsprechen den Dateinamen in dem Beispiel, das im Download des Scripts hier Javascript: Slideshow enthalten ist. Die nachfolgenden Erklärungen beziehen sich auf die Dateien im Beispiel und erläutern nur die Einbindung in eine Webseite und die Konfiguration des heruntergeladenen Scripts be_slide.js.

be_slide.html - die Webseite

<script type="text/javascript" src="be_slide.js"></script>

Das Beispiel geht davon aus, dass das Script im selben Verzeichnis liegt wie die Webseite.
Andernfalls ist der Pfad entsprechend anzupassen.

Und jetzt ergänzen wir diesen Eintrag um unsere Angaben und den eigentlichen Aufruf:

<script type="text/javascript" src="be_slide.js"></script>
<script type="text/javascript">
var pics1=new Array ('pics/pic01a.jpg', 'pics/pic01b.jpg', 'pics/pic01c.jpg');
var buttons1=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
</script>

<script type="text/javascript">
    //diese Zeile öffnet einen neuen SCRIPT-Tag
 
var pics1=new Array ('pics/pic01a.jpg', 'pics/pic01b.jpg', 'pics/pic01c.jpg');
    //In diesem Array werden die Bilder angelegt, die die Slideshow verwenden soll.
    //In diesem Beispiel liegen sie in einem Unterverzeichnis "pics".
 
var buttons1=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');
    //In diesem Array werden die Kontrollelemente festgelegt. Verwenden wir keine,
    //dann brauchen wir auch diesen Array nicht! Die Zeile ist also optional.
    //Bei den Kontrollelementen hat man die Wahl zwischen Textlinks und grafischen
    //Buttons. In diesem Array werden dementsprechend entweder der Text für die
    //Textlinks oder der Pfad zum Button eingetragen. Findet das Script die Endung
    //.jpg, .gif oder .png, dann wird der Button angezeigt, ansonsten ein Textlink
    //die Reihenfolge der Kontrollelemente und damit auch der Elemente in diesem 
    //Array ist: ZURÜCK - START - STOP - VOR
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //Diese Zeile schlussendlich ruft die Slideshow auf.
    //Wir werden sie uns gleich genauer ansehen.
 
</script>
    //Zuvor aber schließen wir mit der letzten Zeile den SCRIPT-Tag.
 

 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
 
var be_0

be_slideshow()

var be_0= new be_slideshow("0",pics1);

 
var be_0= new be_slideshow("0");
    //Der 1. Parameter ist die Nummer der Slideshow, beginnend mit "0"
    //Die Null entspricht der Null im Namen der Variable be_0
    //(Die Frage warum die Slideshow eine Nummer braucht klären wir im 3. Beispiel)
 
var be_0= new be_slideshow("0",pics1);
    //Der 2. Parameter ist der Parameter, den wir für das Array mit den Bildern
    //festgelegt haben, im Beispiel ist das pics1.
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_imges
 
var be_0= new be_slideshow("0",pics1,"slideshow");
    //Der 3. Parameter ist die Identity des DIV-Containers,
    //in dem die Slideshow angezeigt werden soll.
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_divid
 
var be_0= new be_slideshow("0",pics1,"slideshow",400);
    //Der 4. Parameter ist die Breite des breitesten Bildes in Pixel.
    //Hinweis: Die Bilder werden vom Script nicht skaliert!
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_picwid
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300);
    //Der 5. Parameter ist die Höhe des höchsten Bildes in Pixel.
    //Hinweis: Die Bilder werden vom Script nicht skaliert!
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_pichei
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc");
    //Der 6. Parameter ist die Hintergrundfarbe der Slideshow. Sie ist von Bedeutung,
    // wenn Bilder nicht exakt den - in den beiden vorherigen Parametern angegebenen
    //Abmessungen entsprechen.
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_backgr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1);
    //Der 7. Parameter left fest, wie lange ein Bild zwischen zwei Wechseln
    // angezeigt wird (in Sekunden).
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_sdur
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1);
    //Der 8. Parameter ist die Zeit, die der Wechsel dauern soll
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_fdur
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20);
    //Der 9. Parameter ist die Anzahl der Schritte, in denen von 100-0 überblendet
    //werden soll. Ein Wert von 1 bis 100, je höher desto fließender der Wechsel.
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_steps
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n");
    //Der 10. Parameter legt die Starteinstellung fest.
    //Soll nach dem Laden automatisch gestartet werden? "y" für Ja, "n" für Nein
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_startwhen
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n");
    //Der 11. Parameter betrifft das Startbild.
    //Soll mit einem zufälligen Bild begonnen werden? "y" für Ja, "n" für Nein
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_shuffle
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y");
    //Der 12. Parameter entscheidet über die Anzeige von Kontrollelementen.
    //Sollen Kontrollelemente angezeigt werden? "y" für Ja, "n" für Nein
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_showcontr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //Der 13. Parameter ist der Parameter, den wir für das Array mit den Linkinhalten
    //der Kontrollelemente festgelegt haben, im Beispiel ist das buttons1.
    //bei den Kontrollelementen hat man die Wahl zwischen Textlinks und grafischen
    //Buttons. In diesem Array werden dementsprechend entweder der Text für die
    //Textlinks oder der Pfad zum Button eingetragen. Findet das Script die Endung
    //.jpg, .gif oder .png, dann wird der Button angezeigt, ansonsten ein Textlink
    //die Reihenfolge der Kontrollelemente und damit auch der Elemente in diesem 
    //Array ist: ZURÜCK - START - STOP - VOR
    //Den Standardwert für diesen Parameter setzt im Sriptfile der Parameter: def_contr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //Nochmals der komplette Aufruf.

<div id="slideshow" style="margin:25px;">
  <img src="pics/pic01a.jpg" style="width:400px;height:300px;" />
</div>

Damit sind in der Seite selbst alle nötigen Vorbereitungen getroffen.

be_slide.js - die Scriptdatei

var be_0= new be_slideshow();

//var be_0= new be_slideshow();