Ultimate Fade-in slideshow problem in IE8

[chromedome]

Ultimate Fade-in slideshow
http://www.dynamicdrive.com/dynamici...nslideshow.htm

The script works fine on my site in Safari, IE9, Chrome and Firefox. However, I get the following error in IE8, and the images don't appear:

SCRIPT5007: Unable to get value of the property '0': object is null or undefined
fadeslideshow.js, line 38 character 3

As this error doesn't occur with the DD example page, it must be something I've done. I should point out that I am a bumbling novice, most Java might as well be Chinese!

The link for the error on my site is: http://www.chrome-dome.co.uk/illustration.html

Any help gratefully received.

[jscheuer1]

According to strict rules there may be no comma after the last item in an array or property in an object. All browsers except IE 8 and less now error correct for this.

Get rid of the trailing comma (red) after the last imagearray entry (highlighted), scroll the code block to see it:

<script type="text/javascript">
var mygallery2=new fadeSlideShow({
	wrapperid: "slideshow", //ID of blank DIV on page to house Slideshow
	dimensions: [960, 485], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["images/illust_1.jpg", "", "", "A selection of figure artworks."],
		["images/illust_2.jpg", "", "", "Technical and realistic Illustrator artworks for secondary education."],
		["images/illust_3.jpg", "", "", "A selection of incidental artworks."],
		["images/illust_4.jpg", "", "", "A selection of explanatory and instructional images for educational books."],
		["images/illust_5.jpg", "", "", "A selection of animal artworks for a variety of educational books."],
	],
	displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: "slideshowtoggler"
})

</script>

[chromedome]

Thank you so much, John. That worked a treat.

And thanks for not pointing out that it had the instruction about the comma in the script - as plain as day!

Cheers

Matt

[ssnaples]

Sorry to hijack this thread, but I am also having an issue with fadeslideshow and IE9. The peekaboo caption does not appear centered in IE9 only. I am using the following css:

.descpanelfg {text-align: center;}

and descreveal: "peekaboo"

and ideas on this. It is working great in all other browsers. Thanks in advance for any suggestions.

[jscheuer1]

Works for me in IE 9 on the demo page if I add .descpanelfg {text-align: center;} to the stylesheet.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.