Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Imageplayer and Slimbox and IE7 issues

6 replies [Last post]

Hi all,

I'm trying to get the Image Rotator to work on a site that is currently under development, using the sample images provided for now. I am also using the mootools library for the two menus on the pages.

I have it working fine in Firefox (as is always the case!), but in IE7 I have some pages that use Slimbox to display images in a lightbox and it appears to conflict with the swfobject (at least I think it does or vice versa), producing an error message in IE that says it can't open the page.

I also noticed before adding the Imageplayer that performance of the mootools menus was a bit sluggish in IE6 and 7 but fine in Firefox so I'd don't know if its connected in some way. I asked about that on mootools forum but got no reply.

I found that the FLV player had the same issues when Slimbox was included on the same page as the FLV Player so I removed Slimbox from the pages that display flash video. I wanted to use the Image Player in the header of each page though, so that's no longer an option.

Here's a link that uses the slimbox:
http://sarahjaneredmond.com/newsite/index-home.php

Here's another page that doesn't:
http://sarahjaneredmond.com/newsite/biography.php

Has anyone come across this before? My javascript knowledge is pretty poor, so I can't spot the issue, but I'd be very grateful if someone could help me identify the problem.

Many thanks.

Forgot to add that it seems to stop the mootools menus on the pages that DO load in IE without the error message saying it can't load the page. There's some sort of conflict there between the Image player, the SWF object or the mootools library.

you are right about that swfobject/mootools conflict ! - http://www.jeroenwijering.com/?search=mootools

Thanks Anderson, so the conflict is with mootools. That's a downer. I wonder if it works with the new version they are bringing out. Its a shame to have to resort back to the embed option which won't validate.

If you have to validate, you can use the nested-objects method.

See: How to embed Flash Player content using SWFObject static publishing on this page: http://code.google.com/p/swfobject/wiki/documentation

No embed element, so it validates.

Thanks much appreciated. I'm a bit confused though, won't the use of the swfobject still cause issues with mootools?

I was thinking of getting the Image Rotator working using existing code from one of my earlier sites that validates okay (in similar fashion to what you linked to) but how in either case do you pass the extra variables and parameters that the image rotator needs/that are provided when you use the configuration wizard?

Here's what get passed with the previous method:

so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addVariable('height','200');
so.addVariable('width','400');
so.addVariable('file','http://sarahjaneredmond.com/newsite/img/header_slideshow/madrid.xml');
so.addVariable('backcolor','0x000000');
so.addVariable('overstretch','true');
so.addVariable('transition','blocks');
so.addVariable('repeat','true');

Thanks again for your kind support!

Not sure why but my reply disappeared!

Switching to SWFObject2.0 may have fixed the mootools conflict as the menus now work in IE7 when used on the same page as the FLVPlayer and the page validates with the object tag. Dreamweaver CS3 whinges about the uses of object tags when you open the page up but that's no biggie. Just have to find the cause of the slow menu performance in IE now.

Post new comment

  • Allowed HTML tags: <code> <blockquote> <em> <strong> <strike> <ul> <li> <ol>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic).

More information about formatting options