Flash images not displaying correctly

Question

Hi there,
First post here, but could really us the help.
I'm looking after this site:  http://theacademy.me/index.htm
The previous web developer set up a swfobject image rotator which didn't work before I got here. I wanted to get it working, but now the images display incorrectly in Firefox 8 and Safari 5.1.2. IE and Chrome are fine.
What i did:
1. Commented out this in index page to tidy it up (the file it points to doesn't exist)
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
2. image rotator then displayed as it does now in Safari and Firefox
3. Un- commented the code
4. Image rotator still displaying incorrectly
5. restored index page to the last known good version, when it did display correctly
6. Image rotator still displaying incorrectly
SWfobject version is 1.5 I believe.
Also, the slideshow works fine on the local copy, but not live.
Any help would be great- please bear in mind I'm not a Flash guru- this is burning up a lot of time and I could do with some fresh eyes on the problem.
Thanks!

Answer 1

Hi Ned,
Thanks a lot for posting- I've been spending a lot of time checking every angle. I've managed to use the latest swfobject code as suggested to embed the video.
It's an improvement- the video now works on the live site in IE, but still doesn't play in Chrome, Safari, and Firefox. It seems as if the browsers are rendering the final picture in the rotator gallery outside of the frame.
Here's what I've added to my test page at http://theacademy.me/index4.1d.htm:
<script src="scripts/swfobject2.js" type="text/javascript"></script>
  <script type="text/javascript">
   swfobject.registerObject("FlashID2", "9.0.0");
  </script>
<div id="banner">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="460" height="350" id="FlashID2">
    <param name="movie" value="Flash/ImageRotator/ImageRotator.swf" />
    <param name="play" value="true" />
    <param name="loop" value="true" />
    <param name="menu" value="true" />
    <param name="quality" value="high" />
    <param name="scale" value="showall" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#999999" />
    <param name="allowscriptaccess" value="sameDomain" />
    <param name="flashvars" value="movie"="Flash/ImageRotator/ImageRotator.swf" />
    <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="Flash/ImageRotator/ImageRotator.swf" width="460" height="350">
     <param name="play" value="true" />
     <param name="loop" value="true" />
     <param name="menu" value="true" />
     <param name="quality" value="high" />
     <param name="scale" value="showall" />
     <param name="wmode" value="transparent" />
     <param name="bgcolor" value="#999999" />
     <param name="allowscriptaccess" value="sameDomain" />
     <param name="flashvars" value="movie"="Flash/ImageRotator/ImageRotator.swf" />
    <!--<![endif]-->
    <!--<div><img src="../images/ImageRotator.png" width="420" height="327" alt="AVA Image" /></div>-->
    <!--[if !IE]>-->
  </object>
    <!--<![endif]-->
   </object>
    </div>
If anyone can shed some light on it, you'd save the day.
Cheers,
Chris