Scripting: Help endSlideShow not working

started by Tortuga on Jun 2, 2005 — RSS Feed

Jun 2, 2005

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 CodeLifter.com

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

INSTRUCTIONS:

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

//-->

<html>

<head>

<!--
Set up the caption font in the following style.
Place the style script in the head of the page.
//-->

<style>
.Caption {
font-family: Arial;
font-weight: bold;
color:      #336699;
}
</style>

<!--
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->

<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=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
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);
}


//--------------------------------------------------
</script>

</head>

<!--
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" >
 <tr>
   <!--
   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>
   <td width=363 ></td>
 </tr>
 <tr>
   <!--
   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>
 </tr>
</table>

</body>

</html>

Jun 3, 2005

Tortuga Tortuga
Posts: 2

I received a solution from codingforums.com - problem solved.

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

You must login to reply