Internet Explorer and Showtime Module - disaster!
Posted: Wed Mar 09, 2011 1:38 am
Site displays fine in Firefox and so do pages in Internet Explorer (7 and 
except for the pages that contain a Showtime module in IE.
It doesn't work at all and the images are lined up one on top of the other. Have googled it but am not knowledgable with scripts. I'm hoping someone knows the workaround for making it work in IE.
I have jQuery Showtime and a SWFObject Showtime on different pages.
This is the code in the <head> for the SWFObject:
<!--css for show2-->
<link rel="stylesheet" type="text/css" href="http://homes.com.au/modules/Showtime/te ... Show_2.css" />
<!--LOAD SHOWTIME swfobject-->
<__script__ type="text/javascript" src="http://homes.com.au/modules/Showtime/sh ... "></__script>
<!--END SHOWTIME-->
This in the page:
<div id="wrapper">
<div id="main">
<!-- generated by showtime Module start -->
<__script__ type='text/javascript'>
var flashvars = {
xml : 'http://homes.com.au/modules/Showtime/sh ... p?showid=2',
width : '500',
height : '333',
classid : 'st_2',
rotationtime : '5',
transition : 'KenBurns',
transitiontime : '1',
transitionease : 'LinearEaseNone',
autoplay : 'on',
showcontrols : '',
controls : '1004',
textbgcolor : '',
showtext : '',
showalt : '',
shuffle : '',
scale : 'exactfit',
target : '_self'
};
var params = {};
params.allowFullScreen = 'true';
params.bgcolor = '#000000';
params.quality = 'autohigh';
params.wmode = 'window';
//params.wmode = 'transparent';
//params.base = 'dirname(__FILE__)';
//params.allowScriptAccess = 'local';
var attributes = {};
attributes.styleclass = 'showtime';
swfobject.embedSWF ('http://homes.com.au/modules/Showtime/showtime/st16.swf', 'st_2', '500', '333', '10.0.0', 'false', flashvars, params, attributes);
</__script>
<!-- alternative content -->
<div id='st_2'>
<div id='gallery-2' class='gallery'>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp1.jpg' class='attachment-thumbnail' alt='' title='mp1.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp7.jpg' class='attachment-thumbnail' alt='' title='mp7.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp3.jpg' class='attachment-thumbnail' alt='' title='mp3.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp6.jpg' class='attachment-thumbnail' alt='' title='mp6.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp5.jpg' class='attachment-thumbnail' alt='' title='mp5.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp4.jpg' class='attachment-thumbnail' alt='' title='mp4.jpg' /></dt></dl>
<br style='clear: both;' />
</div>
</div>
<!-- generated by showtime Module end -->
This is in the CSS for the home page:
body.home #container {background: #ccc url(uploads/images/grad.png) repeat-x;}
body.home #main {width: 100%; margin: 0 auto;background:#ccc url(/tmp/cache/grad.png) repeat-x;}
body.home #main .showtime {width: 500px; float: left;}
body.home #main .textbox {width: 40%; float: right; text-align: left; padding:0 1em 1em 0;}
Thanks - have taken the site offline until I sort it
except for the pages that contain a Showtime module in IE.It doesn't work at all and the images are lined up one on top of the other. Have googled it but am not knowledgable with scripts. I'm hoping someone knows the workaround for making it work in IE.
I have jQuery Showtime and a SWFObject Showtime on different pages.
This is the code in the <head> for the SWFObject:
<!--css for show2-->
<link rel="stylesheet" type="text/css" href="http://homes.com.au/modules/Showtime/te ... Show_2.css" />
<!--LOAD SHOWTIME swfobject-->
<__script__ type="text/javascript" src="http://homes.com.au/modules/Showtime/sh ... "></__script>
<!--END SHOWTIME-->
This in the page:
<div id="wrapper">
<div id="main">
<!-- generated by showtime Module start -->
<__script__ type='text/javascript'>
var flashvars = {
xml : 'http://homes.com.au/modules/Showtime/sh ... p?showid=2',
width : '500',
height : '333',
classid : 'st_2',
rotationtime : '5',
transition : 'KenBurns',
transitiontime : '1',
transitionease : 'LinearEaseNone',
autoplay : 'on',
showcontrols : '',
controls : '1004',
textbgcolor : '',
showtext : '',
showalt : '',
shuffle : '',
scale : 'exactfit',
target : '_self'
};
var params = {};
params.allowFullScreen = 'true';
params.bgcolor = '#000000';
params.quality = 'autohigh';
params.wmode = 'window';
//params.wmode = 'transparent';
//params.base = 'dirname(__FILE__)';
//params.allowScriptAccess = 'local';
var attributes = {};
attributes.styleclass = 'showtime';
swfobject.embedSWF ('http://homes.com.au/modules/Showtime/showtime/st16.swf', 'st_2', '500', '333', '10.0.0', 'false', flashvars, params, attributes);
</__script>
<!-- alternative content -->
<div id='st_2'>
<div id='gallery-2' class='gallery'>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp1.jpg' class='attachment-thumbnail' alt='' title='mp1.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp7.jpg' class='attachment-thumbnail' alt='' title='mp7.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp3.jpg' class='attachment-thumbnail' alt='' title='mp3.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp6.jpg' class='attachment-thumbnail' alt='' title='mp6.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp5.jpg' class='attachment-thumbnail' alt='' title='mp5.jpg' /></dt></dl>
<dl class='gallery-item'><dt class='gallery-icon'><img width='500' height='333' src='http://homes.com.au/uploads/images/mp4.jpg' class='attachment-thumbnail' alt='' title='mp4.jpg' /></dt></dl>
<br style='clear: both;' />
</div>
</div>
<!-- generated by showtime Module end -->
This is in the CSS for the home page:
body.home #container {background: #ccc url(uploads/images/grad.png) repeat-x;}
body.home #main {width: 100%; margin: 0 auto;background:#ccc url(/tmp/cache/grad.png) repeat-x;}
body.home #main .showtime {width: 500px; float: left;}
body.home #main .textbox {width: 40%; float: right; text-align: left; padding:0 1em 1em 0;}
Thanks - have taken the site offline until I sort it