Slidehow not showing up in IE

Hi Nigel,

I'm leaving the information below just in case this doesn't solve your issue.

I looked at their demo and they make a point of making sure there's no trailing comma at the end of the last entry in their image list.

Here's the code that I use to eliminate the trailing comma in my supersized slide show. Your syntax may be slightly different.

Supersized demo code:
slides : [ // Slideshow Images
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-1.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-2.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg', title : 'Image Credit: Maria Kazvan', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/kazvan-3.jpg', url : 'http://www.nonsensesociety.com/2011/04/maria-kazvan/'},
{image : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg', title : 'Image Credit: Colin Wojno', thumb : 'http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thumbs/wojno-1.jpg', url : 'http://www.nonsensesociety.com/2011/03/colin/'}
].

My Code:
slides : [ // Slideshow Images
<?php
$output = ''; ?>
<?php foreach ($home_page_background_imagesRecords as $record): ?> <?php foreach ($record['images'] as $upload):?>

<?php {
$output .= '{image : ' . '\'' .$upload['urlPath']. '\'' . '}'. ',';
} ?><?php break ?><?php endforeach ?>
<?php
$output = rtrim($output,','); // remove trailing comma
print $output;
?>
<?php endforeach ?>
]

NOTE: I don't know if you need the comma after the closing bracket for your code. Try it both ways.

Fadeinslideshow demo code
imagearray: [
["../dynamicindex4/pool.jpg", "http://en.wikipedia.org/wiki/Swimming_pool", "_new", "There's nothing like a nice cold swim."],
["../dynamicindex4/cave.jpg", "http://en.wikipedia.org/wiki/Cave", "", "I'd love to explore some caves someday."],
["../dynamicindex4/fruits.jpg", "", "", "Eat your fruits, it's good for you!"],
["../dynamicindex4/dog.jpg", "", "", "I wish I could be a dog sometimes!"] //<--no trailing comma after very last image element!
],
Your Code
imagearray: [
<?php foreach ($homepage_slideshowRecord['slides'] as $index => $upload): ?>
["<?php echo $upload['urlPath'] ?>", "", "", ""],
<?php endforeach ?>

],

Here's my other thoughts...

I had a lot of trouble implementing a supersize slide show on IE and it got solved by commenting out all of the other .js and .css files and then bringing them back one by one until I found the file that was competing with supersized. It seemed to be an issue of which order things got loaded.

After playing around with the order I found one that made everything work together.

Another approach might be to hard code the active code from the demo html as a test on a copy of your page, and if that didn't work, try it on a stripped down version.

Then replace each set of values to potentially narrow down the problem.

Good Luck,

Jerry Kornbluth