Slidehow not showing up in IE

6 posts by 3 authors in: Forums > CMS Builder
Last Post: July 27, 2012   (RSS)

Hi, All.

A slideshow, which uses CMSB to add photos, doesn't seem to be working in IE 8 or 9, but is fine in Chrome and Firefox: http://www.cityofowensville.com/dev/. Does anyone know why, please?

Thanks!
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [NigelGordijk] Slidehow not showing up in IE

By gkornbluth - July 27, 2012

Hi Nigel,

I tried it in IE9 (Windows 7 - 64bit) and it works in regular mode but not in tools > compatibility view (the entire slide show disappears).

Don't know if that helps any,

Jerry Kornbluth
The first CMS Builder reference book is now available on-line!







Take advantage of a free 3 month trial subscription, only for CMSB users, at: http://www.thecmsbcookbook.com/trial.php

Re: [gkornbluth] Slidehow not showing up in IE

Thanks for checking, Jerry.

The slideshow is based on this code from Dynamic Drive: http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm. I can see the demo works okay in IE, so something has gone wrong with my adaptation for CMSB.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net

Re: [NigelGordijk] Slidehow not showing up in IE

By gkornbluth - July 27, 2012

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
The first CMS Builder reference book is now available on-line!







Take advantage of a free 3 month trial subscription, only for CMSB users, at: http://www.thecmsbcookbook.com/trial.php

Re: [gkornbluth] Slidehow not showing up in IE

Thanks for taking the time to go into so much detail, Jerry. I've done a handcoded version of the slideshow, and that works perfectly in IE, so there's definitely a problem with how I adapted the code for CMSB.

I'm going to look into your solution next week and I'll post any solutions here.

Thanks again.
Nigel Gordijk

Common Sense Design: User-focused Web design
Tel: 001 519 342 5348 | Web: www.commonsensedesign.net