Fade-in Slideshow

[Caileadair]

Fade-in slideshow
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

for some reason, I cannot get the slideshow to work in either IE or Firefox.

perhaps someone can take a look at the source code of the page here and let me know what's wrong?
http://www.spiralcastle.net/mesopotamia/groupslideshow.html

I'd really appreciate the support! :)

Thanks,
Cail

[jscheuer1]

There could be other problems but, this:


document.write('<div

style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';ove

rflow:hidden"><div id="canvas0"

style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top

:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1"

style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top

:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility:

hidden"></div></div>')

Belongs all on one line, like so:


document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility:hidden"></div></div>')