TTTkatia
04-04-2003, 02:17 PM
Hi Everyone,
I'm trying to add a slide show to a message board but I don't really know how to. On my message board, I have a picture on the very middle top of the page and I wanted it to run as a slide show. I've looked into certain sites to find HTML codes for that but since I don't really comprehend those codes, I can't seem to see where there might be an error when I apply certain info to the codes. Can someone kindly help me with that? Thank you!!
Here is the codes that I have: (if you have other easy codes for slide shows, I'd greatly appreciate that as well)
------------------------------------------------------------
//-->Beginning of slide show-->>
<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:_____ #FFFFFF;
}
</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]_ = '3T_N1b.bmp';
Picture[2]_ = 'Taj_N1b.bmp';
Picture[3]_ = 'Taryll_N1b.bmp';
Picture[4]_ = 'TJ_N2b.bmp';
// 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]_ = "The 3T's.";
Caption[2]_ = "Taj Jackson.";
Caption[3]_ = "Taryll Jackson.";
Caption[4]_ = "T.J. Jackson.";
// =====================================
// 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=#000000>
<!--
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">
_ <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 width=350 height=280>
___ <img src="http://www.xsorbit4.com/users/tttkatia/Attachment/3T_N1b.bmp" name=[1][2][3][4]=350 height=280>
____ </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 id=CaptionBox class=Caption align=center bgcolor=#CCCC66>
___ The 3T Lounge Forum.
___ </td>
_ </tr>
</table>
</body>
</html>
<<--!End of slide Show-->>
---------------------------------------------------------
There are instructions in this too as you can see. It had mentioned something about preloading the images...Can someone explain that? I want to use pictures that already are linked to a website to make my slide show....possible or not?
Any help is appreciated. Thank you! : )
Sincerely,
Katia
I'm trying to add a slide show to a message board but I don't really know how to. On my message board, I have a picture on the very middle top of the page and I wanted it to run as a slide show. I've looked into certain sites to find HTML codes for that but since I don't really comprehend those codes, I can't seem to see where there might be an error when I apply certain info to the codes. Can someone kindly help me with that? Thank you!!
Here is the codes that I have: (if you have other easy codes for slide shows, I'd greatly appreciate that as well)
------------------------------------------------------------
//-->Beginning of slide show-->>
<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:_____ #FFFFFF;
}
</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]_ = '3T_N1b.bmp';
Picture[2]_ = 'Taj_N1b.bmp';
Picture[3]_ = 'Taryll_N1b.bmp';
Picture[4]_ = 'TJ_N2b.bmp';
// 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]_ = "The 3T's.";
Caption[2]_ = "Taj Jackson.";
Caption[3]_ = "Taryll Jackson.";
Caption[4]_ = "T.J. Jackson.";
// =====================================
// 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=#000000>
<!--
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">
_ <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 width=350 height=280>
___ <img src="http://www.xsorbit4.com/users/tttkatia/Attachment/3T_N1b.bmp" name=[1][2][3][4]=350 height=280>
____ </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 id=CaptionBox class=Caption align=center bgcolor=#CCCC66>
___ The 3T Lounge Forum.
___ </td>
_ </tr>
</table>
</body>
</html>
<<--!End of slide Show-->>
---------------------------------------------------------
There are instructions in this too as you can see. It had mentioned something about preloading the images...Can someone explain that? I want to use pictures that already are linked to a website to make my slide show....possible or not?
Any help is appreciated. Thank you! : )
Sincerely,
Katia