// configuration structure
 var A_TPL = {
  // randomize the array each time page loads
  'random' : false,
  // number of transparency changes during the transition
  // increase for smoother transition, reduce for less CPU usage
  'steps' : 40,
  // transition duration in seconds
  'transtime': .8,
  // slide time in seconds
  'slidetime': 2,
  // width of the slide (optional)
  'width' : 590,
  // height of the slide (optional)
  'height': 343,
  // alt text for the image (optional)
  'alt' : 'Slideshow',
  // css class assigned to the slide <img> (optional)
  'css' : ''
 };

 // list of images to display
 var A_ITEMS = [
  'images/church0.jpg',
  'photos/sancuary0.jpg',
  'photos/kids.jpg',
  'images/church1.jpg',
  'images/church2.jpg',
  'photos/kids2.jpg',
  'images/church3.jpg',
  'images/church4.jpg'
  ];

 // fader initialization 
 var mySlideShow = new tFader (A_ITEMS, A_TPL);

The java script: <pre><nowiki>// configuration structure var A_TPL = { // randomize the array each time page loads 'random' : false, // number of transparency changes during the transition // increase for smoother transition, reduce for less CPU usage 'steps' : 40, // transition duration in seconds 'transtime': .8, // slide time in seconds 'slidetime': 2, // width of the slide (optional) 'width' : 590, // height of the slide (optional) 'height': 343, // alt text for the image (optional) 'alt' : 'Slideshow', // css class assigned to the slide <img> (optional) 'css' : '' }; // list of images to display var A_ITEMS = [ 'images/church0.jpg', 'photos/sancuary0.jpg', 'photos/kids.jpg', 'images/church1.jpg', 'images/church2.jpg', 'photos/kids2.jpg', 'images/church3.jpg', 'images/church4.jpg' ]; // fader initialization var mySlideShow = new tFader (A_ITEMS, A_TPL);</nowiki></pre>