[flash/AS] Probleem met foto loader

[pderaaij]

Voor een fotoLoader lees ik een xml file uit die automatisch gegenereeerd word. Deze afbeeldingen moeten dan door elkaar heen gefade worden door middel van een stukje AS.

Daarvoor heb ik het volgende:

code:

import mx.utils.Delegate;

// global vars
var iCurrentImage = 0;
var iTotalOfImages = 0;
var iFadeIntervalID = 0;
this.sideImages = new Array();
imageLoader._alpha = 100;
imageLoader2._alpha = 0;
bSecondFades = true;

function findNode(node, nodeName)
{
if (node.nodeName==nodeName)
return node;
for (var i=0; node.childNodes && i<node.childNodes.length; i++)
{
var foundNode=findNode(node.childNodes[i], nodeName);
if (foundNode!=null)
return foundNode;
}
return null;
}

function getValue(node)
{
if (node && node.firstChild)
return node.firstChild.nodeValue;
return "";
}

var xmlData = new XML();
function onXmlLoaded(success:Boolean)
{
iTotalOfImages = xmlData.childNodes.length;

for(var iNode = 0; iNode < xmlData.childNodes.length; iNode++)
{
imgNode = xmlData.childNodes[iNode];
sideImages[iNode] = getValue(findNode(imgNode, "url"));
}
// set the first image
startLoading(sideImages[0]);
}

xmlData.ignoreWhite = true;
xmlData.onLoad = Delegate.create(this, onXmlLoaded);
xmlData.load(_root.xmlFile + ".xml");

function changeImage()
{
iCurrentImage++;

if(iCurrentImage >= iTotalOfImages)
{
iCurrentImage = 0;
}

startLoading(sideImages[iCurrentImage]);
}

function fadeIn()
{
trace("Second fades: " + bSecondFades);
if(bSecondFades)
{
setProperty(imageLoader, _alpha, imageLoader._alpha - 20);
setProperty(imageLoader2, _alpha, imageLoader2._alpha + 20);
}
else
{
setProperty(imageLoader2, _alpha, imageLoader2._alpha - 20);
setProperty(imageLoader, _alpha, imageLoader._alpha + 20);
}


if(imageLoader2._alpha >= 100)
{
imageLoader._alpha = 0;
imageLoader2._alpha = 100;
clearInterval(iFadeIntervalID);
}

if(imageLoader._alpha >= 100)
{
imageLoader._alpha = 100;
imageLoader2._alpha = 0;
clearInterval(iFadeIntervalID);
}
}

function startLoading(whichImage)
{
if(imageLoader2._alpha == 100 && imageLoader._alpha == 0)
{
loadMovie(whichImage, "imageLoader");
iFadeIntervalID = setInterval(fadeIn, 80);
bSecondFades = false;
}

if(imageLoader2._alpha == 0 && imageLoader._alpha == 100)
{
loadMovie(whichImage, "imageLoader2");
iFadeIntervalID = setInterval(fadeIn, 80);
bSecondFades = true;
}

setInterval(changeImage, 6000);
}

Nu gaan de eerste twee foto's goed, maar vanaf dat moment loopt het in de soep. Met debuggen blijkt dat de interval actief blijft die het faden zou moeten stoppen en daarom word het een chaos, echter zie ik geen oplossing. Wie kan me hiermee helpen?

Het voorbeeld staat op http://studio.axysservice.nl/tendenz/

alvast bedankt!

[Crayne]

Met IE7 (7.0.5730.11) en Firefox 2.0.0.6 zie ik geen probleem op de site. Wat zijn precies de symptomen?

[High Quality king]

Ik zet altijd op de regel voordat ik het interval aanroep hetzelfde clearInterval, hierdoor voorkom je dat alles in de soep loopt en er meerdere intervals tegelijk gaan lopen.

Het is niet de mooiste oplossing maar het is er een als de reguliere manier van het uitzetten niet werkt.

[pderaaij]

@Crayne: Er stond nog een oude index op met het statische filmpje vandaar dat het leek dat het goed ging. Beetje dom van mij.

@HQ King: Die extra toevoeging lijkt de truc te zijn. Hij werkt nu goed echter ben ik er wel achter dat er preloading in moet. Teven laad hij nu ook de foto telkens opnieuw wat er lijkt voor te zorgen dat het werkgeheugen volloopt wat FireFox word wel erg traag na een tijdje.

Bedankt voor de aanwijzing!!