Slidehow not showing up in IE

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

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

Re: [NigelGordijk] Slidehow not showing up in IE

By ross - July 27, 2012

Hi Nigel

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/