Slidehow not showing up in IE
6 posts by 3 authors in: Forums > CMS Builder
Last Post: July 27, 2012 (RSS)
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!
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
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
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
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.
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
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
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
I'm going to look into your solution next week and I'll post any solutions here.
Thanks again.
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 ross - July 27, 2012
Keep us up to date with how you are making out :).
Thanks!
Cheers,
Ross Fairbairn - Consulting
consulting@interactivetools.com
Hire me! Save time by getting our experts to help with your project.
Template changes, advanced features, full integration, whatever you
need. Whether you need one hour or fifty, get it done fast with
Priority Consulting: http://www.interactivetools.com/consulting/