The second sample uses the possibility to work with one scriptfile and multiple slideshows. The assumption: Within a website we have multiple webpages with one slideshow each.

The file names "be_slide.html" and "be_slide.js" correspond with the file names in the sample that comes with the download of the script at JavaScript: slideshow. The following explanatory notes also refer to these files and show how to integrate the script from the HTML-page and set the parameters in the downloaded JavaScript be_slide.js.

be_slide.html - the webpage

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

The sample assumes, that the script is located in the same directory as the webpage, otherwise the path has to be adjusted

Now we add the settings for the slideshow and call it:

<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">
    //this line opens a new SCRIPT-Tag
 
var pics1=new Array ('pics/pic01a.jpg', 'pics/pic01b.jpg', 'pics/pic01c.jpg');
    //In this array, set the pictures you want the slideshow to display.
    //They are uploaded to a subdirectory "pics" in this sample
 
var buttons1=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');
    //As we want to show control-elements, we add the 
    //settings for them. We may choose between textlinks
    //and buttons. Into this array therefor we insert either the text
    //to be displayed or the path to the images to be used.
    //If the script finds either .jpg or .gif or .png as the
    //ending of your input, it will display the image automatically.
    //The sort order of the elements displayed and therefor within this
    //array is: BACK - START - STOP - FWD
 
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //This line calls the slideshow-function.
    //We will have a closer look at it below.
 
</script>
    //But first we close our 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");
    //The 1. parameter is the number of the slideshow, starting with "0"
    //The Zero corresponds with the Zero in the name of the variable be_0
    //(We will deal with the question wy we need a number for just 1 slideshow
    // in sample 03.)
 
var be_0= new be_slideshow("0",pics1);
    //The 2. parameter is the name of the parameter, we set for the array with
    //the pictures - in this sample its pics1.
    //The default for this parameter is set in the scriptfile by the parameter: def_imges
 
var be_0= new be_slideshow("0",pics1,"slideshow");
    //The 3. parameter is the IDENTITY of the DIV-Container,
    //we will create to hold our slideshow.
    //The default for this parameter is set in the scriptfile by the parameter: def_divid
 
var be_0= new be_slideshow("0",pics1,"slideshow",400);
    //The 4. parameter is the width of the widest picture in pixel.
    //Notice: The script does not scale your pictures!
    //The default for this parameter is set in the scriptfile by the parameter: def_picwid
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300);
    //The 5. parameter is the height of the highest picture in pixel.
    //Notice: The script does not scale your pictures!
    //The default for this parameter is set in the scriptfile by the parameter: def_pichei
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc");
    //The 6. parameter id the background-color of the slideshow. It is of importance
    //if you have pictures in your set, that do not fit the values
    //set above for width and height.
    //The default for this parameter is set in the scriptfile by the parameter: def_backgr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1);
    //The 7. parameter is the time, a picture is shown between
    //two transitions in seconds.
    //The default for this parameter is set in the scriptfile by the parameter: def_sdur
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1);
    //The 8. parameter is the time the transition should take
    //The default for this parameter is set in the scriptfile by the parameter: def_fdur
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20);
    //The 9. parameter is zhe number of steps to blend from 0-100.
    //A value between 1-100, the higher the value
    //the smoother the transition.
    //The default for this parameter is set in the scriptfile by the parameter: def_steps
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n");
    //The 10. parameter sets how to start:
    //Should the slideshow start automatically?
    //"y" for Yes, "n" for No
    //The default for this parameter is set in the scriptfile by the parameter: def_startwhen
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n");
    //The 11. parameter sets the start-picture.
    //Should we start with a random picture?
    //"y" for Yes, "n" for No
    //The default for this parameter is set in the scriptfile by the parameter: def_shuffle
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y");
    //The 12. parameter sets wheter to show controls or not.
    //"y" for Yes, "n" for No
    //The default for this parameter is set in the scriptfile by the parameter: def_showcontr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //The 13. parameter sets the contents of the control-links.
    //if you show control elements, you may choose between textlinks
    //and buttons. Into this array therefor insert either the text
    //you want to be displayed or the path to the image you want to
    //be used. If the script finds either .jpg or .gif or .png as the
    //ending of your input, it will display the image automatically.
    //The sort order of the elements displayed and therefor within this
    //array is: BACK - START - STOP - FWD
    //The default for this parameter is set in the scriptfile by the parameter: def_contr
 
var be_0= new be_slideshow("0",pics1,"slideshow",400,300,"#ccc",1,1,20,"n","n","y",buttons1);
    //Once again the complete call.

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

That´s it for the webpage.

be_slide.js - the scriptfile

var be_0= new be_slideshow();

//var be_0= new be_slideshow();