My Slide-Show at the bottom is not working. Need help

anoble1

New Member

Join Date: Jul 2008
Posts: 246

My Slide-Show at the bottom is not working. Need help

Sep 8 '10, 06:09 PM

I have made some changes, I don't know what I did to make it stop working. When my site comes up, it is supposed to grab photos in order and roll through the list every few seconds. How can I get this slide show of pictures working. I am about like a blind squirrel trying to find a nut.

Code:

<style></style>--&gt; 

<table width="510">
<tbody>
<tr>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="445" colspan="3"><font size="2"><a class="PageLinks" href="rgann.html">Randall Gann</a> - PD Contract Services Manager</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="maxmoore.html">Maxine Moore</a> - Administrative Assistant</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="ebthigpe.html">Ellan Thigpen</a> - Budget &amp; Contract Analyst</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="420" colspan="2"><font size="2"><i>- Financial, Budget &amp; Contracts</i></font> </td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="pgarmon.html">Paul Garmon</a> - Line Clearing Specialist, Sr.</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="420" colspan="2"><font size="2"><i>- Staff Forrester, Herbicide, CAMP, Veg. Contracts</i></font> </td>
</tr>

<table width="510">
<tbody>
<tr>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="445" colspan="3"><font size="2"><a class="PageLinks" href="rgann.html">Corey Sweeney</a> - PD Contract Services Support Manager</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="ttavel.html">Tim Tavel</a> - Team Leader</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="420" colspan="2"><font size="2"><i>- Overhead &amp; Underground Line Contracts, Pole Inspections, Storm Center Coordinator</i></font> </td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"> </td>
<td width="400"><font size="2"><a class="PageLinks" href="kdwells2.html">Kathy D. Wells</a> - PD Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Contract Development, CAMP, Storm Center Coordinator</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"> </td>
<td width="400"><font size="2"><a class="PageLinks" href="cledbetter.html">Cindy Ledbetter</a> - PD Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Contract Development, CAMP, Storm Center Coordinator</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"> </td>
<td width="400"><font size="2"><a class="PageLinks" href="caeconomes.html">C.A. Economes</a> - PD Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Pole Inspection, Street Light, and Overhead Line Contract Administrator</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="cculp.html">Casey Culp</a> - Student Engineer</font></td>
</tr>

<!--<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"> <font size="2"><a class="PageLinks" href="koelschl.html">Kristi Oelschlaeger</a> - Student Intern</font></td>
</tr> -->
<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="asnoble.html">Andy Noble</a> - Student in Computer Science</font></td>
</tr>


<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="rbrown.html">Ricky Brown</a> - Distribution Team Leader <b>PD Birmingham / Anniston</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="SRODDY.html">Scott Roddy</a> - Line Clearing Specialist</font> </td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Gardendale, West Jefferson</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="mzarich.html">Mike Zarichnak</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Patton Chapel</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="mgibson.html">Mike Gibson</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- East Jefferson</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="wwalden.html">Wayne Walden</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Gadsden, Oneonta, and Pell City</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="ssmith.html">Scott Smith</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Lake Harris, Talladega, and Oak Grove</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="dstandridge.html">Doug Standridge</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Anniston</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="JLHAMM.html">Joey Hamm</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Birmingham Metro, South Shelby</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="jcooley.html">Jason Cooley</a> - Distribution Team Leader <b>PD Montgomery</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="DSHEFFIeld.html">Doug Sheffield</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- East Half Montgomery, and East Operation less Phenix City</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="jreynolds.html">Josh Reynolds</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- West Half Montgomery and West Operation</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="jmorris.html">Flash Morris</a> - Line Clearing Specialist, <b>Southeast</b> Point Person</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="kflower.html">Ken Flowers</a> - Distribution Team Leader <b>PD Tuscaloosa</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="emiller.html">Elaine Miller</a> - Administrative Assistant</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="sgoins.html">Stacy Goins</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Centreville/Tombigbee Operation</i></font></td>
</tr>

<!-- <tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="jcooley.html">Jason Cooley</a> - Line Clearing Specialist</font></td>
</tr> -->
<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="DIHEFLIN.html">David Heflin</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Jasper/Northwest Operation</i></font></td>
</tr>

<tr>
<td></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="bjarrett.html">Blake Jarrett</a> - Distribution Team Leader <b>PD Mobile</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="lheathco.html">Elizabeth Heathco</a> - Administrative Assistant</font> </td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="mhowell.html">Mike Howell</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Bayou La Batre, Citronelle, Mobile West, and Theodore</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="ghodgen.html">Greg Hodgen</a> - Line Clearing Specialist</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Atmore, Bay Minette, Brewton, Butler, Camden, Demopolis, Greenville, Jackson, Linden, Monroeville, Thomasville, Uniontown and York</i></font></td>

<tr>
<td width="25"></td>
<td width="25"><img height="24" alt="ball65.gif 21x21" src="ball65.gif" width="24" border="0"></td>
<td width="420" colspan="2"><font size="2"><a class="PageLinks" href="smcdani.html">Scott McDaniel</a> - Transmission Team Leader</font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td colspan="2" wdith="420"><font size="2"><i>- Transmission Vegetation Management, Storm Center Coordinator</i></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="BMCCAIN.html">Brent McMain</a> - Line Clearing Specialist <b>Birmingham</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="tmoseley.html">Todd Moseley</a> - Line Clearing Specialist <b>Eastern</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="JOMORRIS.html">John Morris</a> - Line Clearing Specialist <b>Western</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="lglover.html">Ladon Glover</a> - Line Clearing Specialist <b>Central</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"><img height="18" alt="ball65.gif 21x21" src="ball65.gif" width="18" border="0"></td>
<td width="400"><font size="2"><a class="PageLinks" href="lrogers.html">Larry Rogers</a> - Line Clearing Specialist <b>Mobile</b></font></td>
</tr>

<tr>
<td width="25"></td>
<td width="25"></td>
<td width="20"></td>
<td width="400"><font size="2"><i>- Southeast Operation and Phenix City</i></font></td>
</tr>

[B]</tr>
</tbody>
</table>

<script type="text/javascript">//<!--
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files

var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'rgann2.jpg'
Pic[1] = 'maxmoore.jpg'
Pic[2] = 'ethigpe3.jpg'
Pic[3] = 'pgarmon1.jpg'
Pic[5] = 'CJSWEENE.jpg'
Pic[6] = 'ttavel.jpg'
Pic[7] = 'kdwells2.jpg'
Pic[8] = 'cledbetter.jpg'
Pic[9] = 'caeconom.jpg'
Pic[10] = 'cculp.jpg'
<!-- Pic[9] = 'koelschl.jpg' --> Pic[9] Pic[11] = 'asnoble.jpg' Pic[18] = 'rbrown2.jpg' Pic[19] = 'sroddy.jpg' Pic[20] = 'mzarich2.jpg' Pic[21] = 'mgibson1.jpg' Pic[22] = 'wwalden1.jpg' Pic[23] = 'ssmith1.jpg' Pic[24] = 'dstandridge.jpg' Pic[25] = 'JLHAMM.jpg' Pic[26] = 'bjarrett.jpg' Pic[27] = 'mhowell1.jpg' Pic[28] = 'ghodgen1.jpg' Pic[29] = 'lheathco.jpg' Pic[30] = 'kflower.jpg' Pic[31] = 'SGoins.jpg' Pic[32] = 'DIHEFLIN.JPG' Pic[33] = 'emiller.jpg' Pic[34] = 'jcooley.jpg' <!-- Pic[35] = 'jcarter1.jpg' -->Pic[35] Pic[35] = 'jreynolds.jpg' Pic[36] = 'jmorris1.jpg' Pic[37] = 'jmorris1.jpg' Pic[38] = 'dsheffield.jpg' Pic[39] = 'smcdan4.jpg' Pic[42] = 'bmccain.jpg' <!-- Pic[40] = 'sroddy.jpg' -->Pic[41] = 'tmoseley.jpg' Pic[43] = 'lglover1.jpg' Pic[44] = 'lrogers1.jpg' <!--
= 'asnoble.jpg' Pic[10] = 'smcdan4.jpg' Pic[11] = 'sroddy.jpg' Pic[12] = 'tmoseley.jpg' Pic[13] = 'bmccain.jpg' Pic[14] = 'lglover1.jpg' Pic[15] = 'lrogers1.jpg' Pic[16] = 'rbrown2.jpg' Pic[17] = 'dsheffield.jpg' Pic[18] = 'mzarich2.jpg' Pic[19] = 'mgibson1.jpg' Pic[20] = 'wwalden1.jpg' Pic[21] = 'ssmith1.jpg' Pic[22] = 'dstandridge.jpg' Pic[23] = 'JLHAMM.jpg' Pic[24] = 'bjarrett.jpg' Pic[25] = 'mhowell1.jpg' Pic[26] = 'ghodgen1.jpg' Pic[27] = 'lheathco.jpg' Pic[28] = 'kflower.jpg' Pic[29] = 'SGoins.jpg' Pic[30] = 'DIHEFLIN.JPG' Pic[31] = 'emiller.jpg' Pic[32] = 'jcooley.jpg' Pic[33] = 'jcarter1.jpg' Pic[34] = 'jreynolds.jpg' Pic[35] = 'jmorris1.jpg' -->var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i &lt; p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow(){ document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() document.images.SlideShow.src = preLoad[j].src document.images.SlideShow.filters.blendTrans.Play() j = j + 1 if (j &gt; (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) } //--&gt; //--&gt;</script>[/B]

Tags: None

JKing

Recognized Expert Top Contributor

Join Date: Jun 2007
Posts: 1206

Sep 9 '10, 06:58 PM

There are over 40 pictures listed... some have been commented out, some not. It looks like the commenting has also overtaken the main chunk of javascript that produces your slideshow.

The code is fairly messy so I'm not sure if this will be correct or not but you can try this.

Code:

<script type="text/javascript">

// Set slideShowSpeed (milliseconds)

var slideShowSpeed = 5000;

 

// Duration of crossfade (seconds)

var crossFadeDuration = 3;

 

// Specify the image files

 

var Pic = new Array() // don't touch this

// to add more images, just continue

// the pattern, adding to the array below

 

Pic[0] = 'rgann2.jpg';

Pic[1] = 'maxmoore.jpg';

Pic[2] = 'ethigpe3.jpg';

Pic[3] = 'pgarmon1.jpg';

Pic[5] = 'CJSWEENE.jpg';

Pic[6] = 'ttavel.jpg';

Pic[7] = 'kdwells2.jpg';

Pic[8] = 'cledbetter.jpg';

Pic[9] = 'caeconom.jpg';

Pic[10] = 'cculp.jpg';

var t; 
var j = 0;
var p = Pic.length;
var preLoad = new Array(); 
for (i = 0; i < p; i++){ 
	preLoad[i] = new Image();
	preLoad[i].src = Pic[i]; 
} 
function runSlideShow(){ 
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply(); 
document.images.SlideShow.src = preLoad[j].src; 
document.images.SlideShow.filters.blendTrans.Play(); 
j = j + 1; 
if (j > (p-1)){ 
	j=0 ;
}
t = setTimeout('runSlideShow()', slideShowSpeed);
}</script>

Comment

Previous template Next