Slideshow in javascrip using coldfusion

Question

here is my slideshow code:
<cfquery name="slideshow" datasource="#dsn#">
SELECT imagegall.img_thumb,
imagegall.description
FROM
imagegall
ORDER BY category ASC
</cfquery>
<script language="javascript1.2" type="text/javascript"
runat="server">
<!--- Set the slideshow speed (in milliseconds) --->
var SlideShowSpeed = 3000;
<!--- Set the duration of crossfade (in seconds) --->
var CrossFadeDuration = 3;
var Picture = new Array();
var Caption = new Array();
<!--- Specify the image files... --->
<cfoutput query="slideshow">
Picture[#slideshow.currentrow#] = '#slideshow.img_thumb#';
<!--- Specify the Captions... --->
Caption[#slideshow.currentrow#] =
'#trim(slideshow.description)#';
<!--- Do not edit anything below this line! --->
</cfoutput>
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>
<cfoutput>
<table width="747" border="0" align="center"
cellpadding="1" cellspacing="2" class="border">
<tr>
<td>
</td>
</tr>
<tr>
<td><div align="center"
class="navLink">Slideshow of All Pictures
</div></td>
</tr>
<tr>
<td><div align="center"><img
name="PictureBox" src="images/#slideshow.img_thumb#">
</div></td>
</tr>
<tr>
<td><div align="center"
id="CaptionBox">#Trim(slideshow.description)#</div></td>
</tr>
</table>
</cfoutput>
</html>
but due to some it is not working, just image appearing and
caption below appearing but it not moving..
am i missing something..

Answer 1

1) use firefox with firebug add-on to inspect your code - it
will show
you js errors if any
2) view source of your page and verify it is what you expect
it to be
3) cfquery.currentrow is 1-based (i.e. first row = 1), which
js arrays
are 0-based (i.e. first array element is array[0]) - your 2
arrays
created in cfoutput start with 1, not 0
4) any ' and possibly other special characters (&, ;,
...) in your
captions will break your js - use jsstringformat() function
on your
captions in your cfoutput to escape special characters
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/