Internet Explorer and Showtime Module - disaster!

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Locked
jasnick
Power Poster
Power Poster
Posts: 695
Joined: Sat Jan 15, 2011 8:36 am

Internet Explorer and Showtime Module - disaster!

Post by jasnick »

Site displays fine in Firefox and so do pages in Internet Explorer (7 and 8) 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
Locked

Return to “Modules/Add-Ons”