Denk jij nog een leuk of nuttig flash script te hebben, post het dan in de scriptbase !
vinTagesworld/flash scripts/Images/fotos in en uitfaden over elkaar
fotos in en uitfaden over elkaar
Toegevoegd door: vinTage op 17-12-2007
Beschrijving
Met deze actionscript code kan je bijvoorbeeld een header maken die verschillende foto's over elkaar fade.
De fotos staan in een array, maar dit kan je natuurlijk ook simpel via een xml file laten lopen.
Via een 2 variabelen kan je instellen hoe snel er gefade moet worden en hoelang de fotos na het faden in beeld moeten blijven staan.
Code
actionscript codeimport mx.transitions.Tween;
var fadeTijd:Number = 3;//seconden dat de fade erover doet om van 0 tot 100 te gaan
var holdTijd:Number = 3;//seconden dat het plaatje blijft staan NA ingefade te zijn
//de in te laden images
var fotoArray:Array = new Array("plaatje_een.jpg",
"plaatje_twee.jpg",
"plaatje_drie.jpg"
//etc
);
//vars (types) declareren
var aantal:Number = fotoArray.length;
var i:Number = 0;
var a:Number = 0;
//mcs bakken, twee stuks om in elkaar te faden
var lader1:MovieClip = createEmptyMovieClip("lader1",this.getNextHighestDepth());
var lader2:MovieClip = createEmptyMovieClip("lader2",this.getNextHighestDepth());
//alpha op 0 zetten :p
lader1._alpha = 0;
lader2._alpha = 0;
function fadeIN() {
// i resetten als hij groter is dan het aantal images in het array (of evt xml)
if(i >= aantal){
i=0;
}
//kiezen tussen lader 1 of 2
if (a%2 == 0) {
//top positie bepalen/setten
if(lader1.getDepth() < lader2.getDepth() ){
lader1.swapDepths(lader2)
}
//foto inladen in lader1
lader1.loadMovie(fotoArray[i]);
//de alpha tweenen
var inEEN:Tween = new Tween(lader1, "_alpha", linear, 0, 100, fadeTijd, true);
//"oude" img uit tweenen
var uitTWEE:Tween = new Tween(lader2, "_alpha", linear, 100, 0, fadeTijd, true);
} else {
//top positie bepalen/setten
if(lader2.getDepth() < lader1.getDepth() ){
lader2.swapDepths(lader1)
}
//foto inladen in lader2
lader2.loadMovie(fotoArray[i]);
//de alpha in tweenen
var inTWEE:Tween = new Tween(lader2, "_alpha", linear, 0, 100, fadeTijd, true);
//"oude" image uit tweenen
var uitEEN:Tween = new Tween(lader1, "_alpha", linear, 100, 0, fadeTijd, true);
}
i++; //array index ophogen
a++; //ophogen om te bepalen wat de volgende mc word die moet laden/faden
}
//de eerste keer aanroepen, anders duurt het X tijd voordat je eerste img getoond word
fadeIN();
//timer die de functie aanroept
var gaanMetDieBanaan:Number = setInterval(fadeIN, (fadeTijd*1000)+(holdTijd*1000));
Gebruik
actionscript code/*
Alleen de paden naar de foto's in het array aanpassen en eventueel de fade snelheid en de tijd dat de images in beeld moeten blijven staan na het faden.
*/
Je moet aangemeld zijn om commentaar te kunnen lezen of geven.