Scripting: Help endSlideShow not working

started by Tortuga on Jun 2, 2005 — RSS Feed

Tortuga Tortuga
Posts: 2

I'm am a novice designer and found this script for a Slideshow with text. I've made some modifications but cannot figure out how to stop the slideshow. I haev tried incorporating several different kinds of code that I've found but nothing works.

I'd like the show to end on Slide 6.

Can anyone help me?


SlideShow with Captions and Cross-Fade
(C)2002 by

Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.


Copy this entire script into a completely blank
page.  Follow the commented instructions within.




Set up the caption font in the following style.
Place the style script in the head of the page.

.Caption {
font-family: Arial;
font-weight: bold;
color:      #336699;

Place the following script in the head of the page.
Follow the set-up instructions within the script.


// (C) 2002
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'assets/gecicon01.gif';
Picture[2]  = 'assets/gecicon02.gif';
Picture[3]  = 'assets/gecicon03.gif';
Picture[4]  = 'assets/gecicon04.gif';
Picture[5]  = 'assets/gecicon01.gif';
Picture[6]  = 'assets/gecicon05.gif' ;

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]  = "";
Caption[2]  = "People";
Caption[3]  = "Place";
Caption[4]  = "Environment";
Caption[5]  = "39 years of innovative design";
Caption[6]  = "GEC Architecture";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){"blendTrans(duration=2)";"blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox".innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;

tss = setTimeout('runSlideShow()', SlideShowSpeed);



Add the onload=runSlideShow() event call to the body tag.

<body onload=runSlideShow() bgcolor=#FFFFFF>

The following table holds the images and captions.
Place the table in your page where you want the slideshow
to appear.  Follow the instructions for each table cell.

<table border=0 cellpadding=0 cellspacing=0 width="991" >
   The next table cell holds the images.
   Set cell and image width and height the same.
   The img src must have name=PictureBox in its
   tag.  Usually the first image in the Picture
   array in the script is used here.
   <td height=229 width=362 ></td>
   <td valign="top" width=266 > <img src=assets/gecicon01.gif name=PictureBox width=266 height=210>
   <td width=363 ></td>
   The next table cell holds the captions.
   This table cell must have id=CaptionBox and
   class=Caption in its tag. The default caption
   shows whilst loading in all browsers; NS4
   will show only the default caption, throughout.
   <td height="19" valign="top" id=CaptionBox class=Caption align=center bgcolor=#FFFFFF colspan="3">
     This is the default caption. </td>



Tortuga Tortuga
Posts: 2

I received a solution from - problem solved.

Thanks to everyone who took the time to at least have a look!

You must login to reply