asked on

SWF showing in gray-scale, but only in FF6

I have embedded a SWF in a client site, and all appears all right apart from it showing in Firefox 6 as a gray-scale image.

I have no previous versions of FF left so cannot say if it is a version or application issue. But Chrome, Safari, IE and Opera show it in colour as it should.

The URL is this. The SWF are the leafs in the left corner.

Any ideas would be appreciated.

Thanks
capt.

dgofman

If you will open http://www.mindmatters.uk.com/img/Leafs.swf in Firefox you will get same colors
So, problem in HTML CSS

dgofman

Can you try for now remove in HTML

<PARAM name="wmode" value="transparent">

captain

ASKER

Well that is great but how to fix it...

As you know HTML CSS means not a lot in your answer especially as it works in other browsers, hence I appreciate a little more consequential explanation as I don't quite see what you mean with "so"...

Maybe you could elaborate? For instance which FF you are using?

dgofman

But I am thinking problem with your "Cufon" library. I never used before but looks like its changing alpha in DIV objects. Can you comment cufon-yui.js script and run your HTML

captain

ASKER

Oh thanks, I typed mine before your second post. If I remove the window mode it will not be transparent and will be contained in the stage colour which is white.

Will try though...

dgofman

If you will remove wmode you may need to re-range z-index in divs

captain

ASKER

The CUFON is not the issue, that made no difference...

Taking out the first wmode did not change anything the second did, it was in colour but did display what I explained earlier. see index.html...

captain

ASKER

It looks like it is the second which should be an "if IE" only element, but the code seems jumbled:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="222" height="283" id="FlashID" title="Leafs Background">
  <param name="movie" value="img/Leafs.swf" />
  <param name="quality" value="high" />
 <param name="wmode" value="transparent" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="../Scripts/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="../img/Leafs.swf" width="222" height="283">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object

Open in new window

dgofman

I cannot fix your problem localy without source code. Please try to play with CSS settings or disable for now all and check if your Leafs.swf can be colour with wmode

captain

ASKER

The CSS relating to the flash is:

#flash1 {position:absolute;
float:left;
top:15px;
left:0px;

}

Open in new window

captain

ASKER

Not sure what I should change here.

captain

ASKER

I just checked on a different machine with FF 3.6 and it is fine there, could anyone let me know which FF version is affected??

dgofman

Hi, I can not help now I am out of my computer but create a simple HTML page with your flash movie and run on FF6. I am sure you have to get correctcollors
If you will not resolve your problem I will write a new J's script for you swf.
Remember you must use embed tags in HTML for FF

captain

ASKER

OK, I have reduced this down to the fact that the colour changes to grey as soon as the page background is set to the background PNG. I have changed the PNG to JPG but same result.

The moment I use a background without image the colour returns...

SOLUTION

dgofman

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

dgofman

The link if you will decide to report bug for FF

https://bugzilla.mozilla.org/enter_bug.cgi

captain

ASKER

It seems a bug.

background-color:white; does not help either, it fills the elements that need to stay transparent but also does not change the color.

Which version of FF are you using?

ASKER CERTIFIED SOLUTION

captain

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

captain

ASKER

Thanks for you help. I think you were right about the bug, but the solution lay elsewhere.

capt.