Flash i Firefox bruger 100% cpu, i Explorer, Chrome, Opera og Safari fungerer det bare

hej alle. (håber dette er postet i det rigtige forum!)

her er et problem, jeg tidligere har kæmpet med, og som jeg nu gerne vil have ud af verden..

jeg har lavet denne Flash:
http://campjohn.dk/test/Biotex/Biotex_PictureModule_Swf.html

når jeg ser den i Firefox (version 3.0.6 på PC med Vista):
kan jeg se, hvordan mit brug af cpu stiger fra et normalt stabilt niveau og stille og roligt kravler helt op til 100% hvorefter maskinen så fryser og ikke længere kan bruges.

når jeg ser den i Explorer (version 7.0.6000.16809 på PC med Vista):
så fungerer flash'en som den skal og forbruget af cpu er stabilt og skaber ingen problemer.

desuden kan jeg fortælle at visning af flash foregår uden problemer på PC / Vista med:
Google Chrome (version 1.0.154.48)
Opera (version 9.62 build 10467)
Safari (version 3.2.1)

nu er det så at jeg håber på, at der er andre, der har oplevet dette..
jeg ved nemlig ikke helt, hvordan jeg skal fejlsøge et problem, der kun er specifikt for en enkelt type browser.

er der nogle der kan komme med et bud på, hvad der går galt?

selve Flash'en er sat op på denne måde:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biotex_PictureModule</title>
<script src="swfobject.js" type="text/javascript"> </script>
</head>
<body bgcolor="#ffffff">
 
<div id="rotation"> </div><script type="text/javascript">
    var flashvars = {  
      randomized : 0, //,  
      interactive :  0, //,
      whatLeft:  "standardLeft.png", //"",
      whatRight :  "standardRight.png", //"",
      whatPicture01: "Biotex01_665x280.jpg",
      whatPicture02: "Biotex02_665x280.jpg",
      whatPicture03: "Biotex03_665x280.jpg",
      whatPicture04: "Biotex04_665x280.jpg",
      whatPicture05: "",
      whatPicture06: "",
      whatPicture07: "",
      whatPicture08: "",
      whatPicture09: "",
      whatPicture10: ""
    };
    var params = {  
      menu: "false",
      allowScriptAccess: "sameDomain",
      wmode: "transparent",
      quality: "high",
      bgcolor: "#ffffff",
      scale: "noscale"  
    };
    swfobject.embedSWF("Biotex_PictureModule.swf", "rotation", 665, 280, "9.0.0","/files/biotex/system/js/expressInstall.swf", flashvars, params, null);
  </script>   
 
 
</body>
</html>

Flash'en er sat op på denne måde:

//imports
import caurina.transitions.Tweener;
 
//set up contextMenu array-----------------------------------------------
var menuData:Array = [];
menuData.push( {caption:"© 2008 Co3", url:"http://www.co3.dk"} );
 
//set up the IndexPreloader class
import NewCustomContextMenu;
var ncm:NewCustomContextMenu = new NewCustomContextMenu(menuData, this);
//-----------------------------------------------------------------------
 
//------------------------------------------------------------------------------------------------
//ALLE VARIABLER
//DENNE DEL KOMMER UDEFRA OG ER DEFINERET AF BRUGEREN
//var _xmlfromURL:String = String(root.loaderInfo.parameters.what_xml);
var _xmlfromURL:String = "Co3_PictureModule.xml";
var toBeRandomized:Number = 0;
var toBeInteractive:Number = 0;
/*
//testing internal
var _picture01:String = "Biotex01_665x280.jpg";
var _picture02:String = "Biotex02_665x280.jpg";
var _picture03:String = "Biotex03_665x280.jpg";
var _picture04:String = "Biotex04_665x280.jpg";
var _picture05:String = "Biotex03_665x280.jpg";
var _picture06:String = "Biotex02_665x280.jpg";
var _picture07:String = "Biotex01_665x280.jpg";
var _picture08:String = "";
var _picture09:String = "";
var _picture10:String = "";
var _picture11:String = "";
var _picture12:String = "";
var _picture13:String = "";
var _picture14:String = "";
var _picture15:String = "";
var _picture16:String = "";
var _picture17:String = "";
var _picture18:String = "";
var _picture19:String = "";
var _picture20:String = "";
var theLeftNavigation:String = "standardLeft.png";
var theRightNavigation:String = "standardRight.png";
toBeRandomized = 0;
toBeInteractive = 0;
*/
///*
//testing external
var _picture01:String = String(root.loaderInfo.parameters.whatPicture01); 
var _picture02:String = String(root.loaderInfo.parameters.whatPicture02);
var _picture03:String = String(root.loaderInfo.parameters.whatPicture03);
var _picture04:String = String(root.loaderInfo.parameters.whatPicture04);
var _picture05:String = String(root.loaderInfo.parameters.whatPicture05);
var _picture06:String = String(root.loaderInfo.parameters.whatPicture06);
var _picture07:String = String(root.loaderInfo.parameters.whatPicture07);
var _picture08:String = String(root.loaderInfo.parameters.whatPicture08);
var _picture09:String = String(root.loaderInfo.parameters.whatPicture09);
var _picture10:String = String(root.loaderInfo.parameters.whatPicture10);
var _picture11:String = String(root.loaderInfo.parameters.whatPicture11);
var _picture12:String = String(root.loaderInfo.parameters.whatPicture12);
var _picture13:String = String(root.loaderInfo.parameters.whatPicture13);
var _picture14:String = String(root.loaderInfo.parameters.whatPicture14);
var _picture15:String = String(root.loaderInfo.parameters.whatPicture15);
var _picture16:String = String(root.loaderInfo.parameters.whatPicture16);
var _picture17:String = String(root.loaderInfo.parameters.whatPicture17);
var _picture18:String = String(root.loaderInfo.parameters.whatPicture18);
var _picture19:String = String(root.loaderInfo.parameters.whatPicture19);
var _picture20:String = String(root.loaderInfo.parameters.whatPicture20);
var theLeftNavigation:String = String(root.loaderInfo.parameters.whatLeft); //"standardLeft.png";
var theRightNavigation:String = String(root.loaderInfo.parameters.whatRight); //"standardRight.png";
toBeRandomized = Number(root.loaderInfo.parameters.randomized);
toBeInteractive = Number(root.loaderInfo.parameters.interactive);
//*/
var _initArray = [_picture01, _picture02, _picture03, _picture04, _picture05, _picture06, _picture07, _picture08, _picture09, _picture10, _picture11, _picture12, _picture13, _picture14, _picture15, _picture16, _picture17, _picture18, _picture19, _picture20];
 
//DENNE DEL ER INTERN
var _right:NavigateRight = new NavigateRight();
var _left:NavigateLeft = new NavigateLeft();
 
var _arrayPictures:Array = new Array();
var _arrayLoaders:Array = new Array();
var _randomizedArrayLoaders:Array = new Array();
var _pictureHolder:Sprite = new Sprite();
var _numOfLoops:Number;
var j:Number = 1;
var myDelay:Number = 3;
var _leftLoaded:Boolean = false;
var _rightLoaded:Boolean = false;
 
var loaderLeft:Loader = new Loader();
var loaderRight:Loader = new Loader();
 
var _stageHeight = stage.stageHeight;
var _stageWidth = stage.stageWidth;
trace("_stageWidth = "+_stageWidth+" & _stageHeight = "+_stageHeight);
var _visiblePicture:Number = 0;
 
startItUp();
 
//------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------------------
//FUNCTIONS
 
function startItUp():void {
 
  //HVIS DER SKAL KONTROLELEMENTER I FLASH'EN PÅBEGYNDES DE HER
  if(toBeInteractive == 1){
    loaderLeft.load(new URLRequest(theLeftNavigation));
    loaderLeft.contentLoaderInfo.addEventListener(Event.COMPLETE, loadedLeftNavigation);
    loaderRight.load(new URLRequest(theRightNavigation));
    loaderRight.contentLoaderInfo.addEventListener(Event.COMPLETE, loadedRightNavigation);
    _left.addChild(loaderLeft);
    _right.addChild(loaderRight);
  }
 
  for(var i:Number = 0; i < _initArray.length; i++){
    if(_initArray[i] != "undefined" && _initArray[i].length >= 5){
      _arrayPictures.push(_initArray[i]);
    }
  }
  
  _numOfLoops = _arrayPictures.length;
  
  //KONTROL
  trace("---------------------------------------");
  trace("THE CONTROLS OF THIS PICTUREGALLERY");
  trace("toBeRandomized = "+toBeRandomized);
  trace("toBeInteractive = "+toBeInteractive);
  trace("_picture01 = "+_picture01);
  trace("_picture01.length = "+_picture01.length);
  trace("_picture05 = "+_picture05);
  trace("_picture05.length = "+_picture05.length);
  trace("_numOfLoops = "+_numOfLoops);
  trace("_initArray = "+_initArray);
  trace("_arrayPictures = "+_arrayPictures);
  trace("---------------------------------------");
  
  if(_arrayPictures.length > 0){
    loadThePictures();
  }
}
 
//BILLEDERNE LOADES IND I FLASHEN
function loadThePictures():void {
  var myX:Number = 0;
  var i:Number = 0;
  while(i < _arrayPictures.length) {
    var loader:Loader = new Loader();
    loader.name = "loader"+i;
    loader.load(new URLRequest(_arrayPictures[i]));
    loader.alpha = 0;
    _arrayLoaders.push(loader);
    i++;
  }
  traceMyArray(_arrayLoaders);
  messItUp();
}
 
function traceMyArray(theArray:Array) {
  var i:Number = 0;
  trace("THE FUNCTION traceMyArray");
  while(i < theArray.length) {
    trace("theArray[i].name = "+theArray[i].name);
    i++;
  }
}
 
//DENNE FUNKTION KØRER NÅR (HVIS) DET VENSTRE KONTROLELEMENT ER LOADET
function loadedLeftNavigation(e:Event) {
  loaderLeft.contentLoaderInfo.removeEventListener(Event.COMPLETE, loadedLeftNavigation);
  trace("_left.width = "+_left.width);
  trace("_left.height = "+_left.height);
  _left.x = -_left.width;
  _left.y = (_stageHeight / 2) - (_left.height / 2);
  addChild(_left);
  _leftLoaded = true;
  addControls();
}
 
//DENNE FUNKTION KØRER NÅR (HVIS) DET HØJRE KONTROLELEMENT ER LOADET
function loadedRightNavigation(e:Event) {
  loaderRight.contentLoaderInfo.removeEventListener(Event.COMPLETE, loadedRightNavigation);
  trace("_right.width = "+_right.width);
  trace("_right.height = "+_right.height);
  _right.x = _stageWidth;
  _right.y = (_stageHeight / 2) - (_right.height / 2);
  addChild(_right);
  _rightLoaded = true;
  addControls();
}
 
//DENNE FUNKTION TAGER INDHOLDET I ARRAYET OG RYSTER DET RUNDT SÅ DET BLIVER TILFÆLDIGT
function messItUp():void {
  trace("_numOfLoops = "+_numOfLoops);
  var i:Number = 0;
  if(toBeRandomized == 1){
    trace("//BILLEDERNES RÆKKEFØLGE BLANDES");
    while(i < _numOfLoops){
      var theNumber:Number = Math.floor(Math.random()*_arrayLoaders.length);
      _randomizedArrayLoaders.push(_arrayLoaders[theNumber]);
      _arrayLoaders.splice(theNumber, 1);
      i++;
    }
  } else {
    _randomizedArrayLoaders = _arrayLoaders;
  }
  traceMyArray(_randomizedArrayLoaders);
  placeOnStageAndMakeOnlyTheBottomOneVisible();
}
 
//HER PLACERES ALLE BILLEDER PÅ SCENEN OG DET NEDERSTE BILLEDE GØRES SYNLIGT
function placeOnStageAndMakeOnlyTheBottomOneVisible():void {
  var i:Number = 0;
  while(i < _randomizedArrayLoaders.length) {
    _pictureHolder.addChild(_randomizedArrayLoaders[i]);
    //trace("theArray[i].name = "+theArray[i].name);
    i++;
  }
  addChild(_pictureHolder);
  var bottomPicture = _pictureHolder.getChildAt(0);
  bottomPicture.alpha = 1;
  
  if(toBeInteractive == 0){
    startAutofading();
  }
  
  /*var theText:TheText = new TheText();
  theText.theText.text = "toBeRandomized = "+toBeRandomized+" & toBeInteractive = "+toBeInteractive;
  addChild(theText);*/
}
 
//-----------------------------------------------------------------------
//THIS IS IF THE PICTURES HAVE TO FADE BY THEMSELVES
 
/*
det første billede er altid synligt... derefter begynder de ovenpåliggende så at fade ind.
når alle er faded in gøres alle billeder mellem det nederste og det øverste usynligt.
derefter fades det øverste ud, så det går over i det nederste...
herefter begynder det hele igen
*/
 
//HER SÆTTES ALLE BILLEDERNE TIL AT FADE IND; DOG MED LØBENDE FORSINKELSE
function startAutofading():void {
  var i:Number = 1;
  var delay:Number = myDelay
  while(i < _randomizedArrayLoaders.length) {
    var theCurrentPicture = _pictureHolder.getChildAt(i);
    Tweener.addTween(theCurrentPicture, {alpha:1, time:1, delay:delay, transition:"linear", onComplete:fadedIn});
    trace("fade out the picture placed at: "+theCurrentPicture+" but make it wait "+delay+" seconds");
    delay += myDelay;
    i++;
  }
}
 
//HVER GANG ET BILLEDE ER FADED IN KØRES DENNE. NÅR ALLE BILLEDER ER FADEDE IN KØRES FUNKTIONEN hideMiddlePictures
function fadedIn():void {
  trace("fadedIn");
  trace("j = "+j);
  if(j == _randomizedArrayLoaders.length -1){
    hideMiddlePictures();
    j = 1;
  } else {
    j++
  }
}
 
//ALLE BILLEDER UNDTAGET DET ØVERSTE OG DET NEDERSTE GØRES USYNLIGT
function hideMiddlePictures():void {
  trace("function hideMiddlePictures");
  var i:Number = 1;
  while(i < _randomizedArrayLoaders.length - 1) {
    var theCurrentPicture = _pictureHolder.getChildAt(i);
    theCurrentPicture.alpha = 0;
    i++;
  }
  restartAutofading();
}
 
//DET ØVERSTE BILLEDE FADES UD
function restartAutofading():void {
  var theCurrentPicture = _pictureHolder.getChildAt(_randomizedArrayLoaders.length - 1);
  var delay:Number = 3 * _randomizedArrayLoaders.length;
  Tweener.addTween(theCurrentPicture, {alpha:0, time:1, delay:myDelay, transition:"linear", onComplete:fadedOut});
}
 
//NÅR DET ØVERSTE BILLEDE ER FADED UD SÅ STARTES DET HELE FORFRA
function fadedOut():void{
  startAutofading();
}
 
//-----------------------------------------------------------------------
//THIS IS IF THE PICTURES HAVE TO BE CONTROLLED
 
//DENNE FUNKTION KØRER FØRST NÅR BEGGE NAVIGATIONSGRAFIKKER ER LOADEDE - HØJRE GRAFIK SLIDER IND PÅ SCENEN
function addControls():void {
  trace("hej!");  
  if (_rightLoaded && _leftLoaded){
    trace("hej2");  
    Tweener.addTween(_right, {x:_right.x - _right.width, time:1, transition:"linear"});
    _left.buttonMode = _right.buttonMode = true;
    addEventListeners();
  }
}
 
//DENNE FUNKTION GØR DET ØVERSTE SYNLIGE BILLEDE USYNLIGT
function leftClicked(e:Event):void {
  trace("function leftClicked");
  trace("_right.width = "+_right.width);
  removeEventListeners();
  if(_visiblePicture > 0) {
    var thePicture = _pictureHolder.getChildAt(_visiblePicture);
    Tweener.addTween(thePicture, {alpha:0, time:1, transition:"linear", onComplete:addEventListeners});
    _visiblePicture--;
  }
  buttonsVisible();
}
 
//DENNE FUNKTION GØR DET NEDERSTE USYNLIGE BILLEDE SYNLIGT
function rightClicked(e:Event):void {
  trace("function rightClicked");
  removeEventListeners();
  if(_visiblePicture < _randomizedArrayLoaders.length - 1) {
    _visiblePicture++;
    var thePicture = _pictureHolder.getChildAt(_visiblePicture);
    Tweener.addTween(thePicture, {alpha:1, time:1, transition:"linear", onComplete:addEventListeners});
  }
  buttonsVisible();
}
 
//DENNE FUNKTION BESTEMMER OM DE TO NAVIGATIONSGRAFIKKER SKAL VÆRE SYNLIGE ELLER EJ
function buttonsVisible():void {
  if(_visiblePicture == 0){
    Tweener.addTween(_left, {x:_left.x - _left.width, time:0.6, transition:"linear"});    
  } else {
    Tweener.addTween(_left, {x:0, time:0.6, transition:"linear"});    
  }
  
  if(_visiblePicture == _randomizedArrayLoaders.length - 1){
    Tweener.addTween(_right, {x:_stageWidth, time:0.6, transition:"linear"});   
  } else {
    Tweener.addTween(_right, {x:_stageWidth - _right.width, time:0.6, transition:"linear"});    
  }
}
 
function addEventListeners():void {
  _left.addEventListener(MouseEvent.CLICK, leftClicked);
  _right.addEventListener(MouseEvent.CLICK, rightClicked);
}
 
function removeEventListeners():void {
  _left.removeEventListener(MouseEvent.CLICK, leftClicked);
  _right.removeEventListener(MouseEvent.CLICK, rightClicked);
}

3 kommentarer

wmode: "transparent"

prøv at sæt den til window - eller opaque.

what?!

det virker jo perfekt.
kan det passe det er alt )

kan du fortælle, hvad der sker med brug af transparent wmode i Firefox, er det bare en no-go i alle tilfælde, eller hvordan ser det ud?

1000 tak for hjælpen, dette har jeg sgu bøvlet med i laaang tid

hej alle.

jeg har konkluderet følgende på problemet med Firefox og 100% CPU:
http://www.campjohn.dk/wp/?p=753

sig endeligt til, hvis I når andre konklusioner end jeg..

mvh
felisan