View Full Version : endSlideShow not working

06-02-2005, 06:52 PM
I'm am a novice designer and found this script for a Slideshow with text. I've made some modifications to accomodate my images/text but cannot figure out how to stop the slideshow. I have tried incorporating several different kinds of code that I've found through searches 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 CodeLifter.com

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 www.CodeLifter.com
// http://www.codelifter.com
// 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){
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDu ration)";
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>



06-02-2005, 08:56 PM
try changing :

if (jss > (pss)) jss=1;

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


if(jss <= pss){
tss = setTimeout('runSlideShow()', SlideShowSpeed);
} else {

06-02-2005, 09:04 PM
When I make the changes the slideshow won't run at all. I get a blank picture box and the text reads "This is the default caption."

But thank you very much for the code suggetion.

Perhaps I need to add something to the beginning of the script as well. I just don't have enough experience with this.

If you have another suggestion I would certainly appreciate it.

06-03-2005, 12:36 AM
if (jss > (pss)) return;

I think you can figure out where to place it :)

06-03-2005, 03:33 PM
It worked! Thank you so much. I've spent hours trying to fumble my way through that one. I really appreciate your response. Thanks, again!! :p