Skip to main content
D
dips045
Known Participant
February 26, 2013
Answered

image loader fade

  • February 26, 2013
  • 1 reply
  • 1296 views

Hi

I am loading eternal images into a moviclip:

          function loadImage(url:String):void {

                    imageLoader = new Loader();

                    imageLoader.load(new URLRequest(url));

                    imageLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, imageLoading);

                    imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);

          }

          loadImage("images/" + image + ".jpg");

          function imageLoading(e:ProgressEvent) {

                    loading_mc.play();

                    var percent:int=e.bytesLoaded/e.bytesTotal*100;

                    loaderStatus.text="LOADING";

          }

          function imageLoaded(e:Event):void {

                    if (image_mc.loadedImage) {

  image_mc.removeChild( image_mc.loadedImage );

                    }

image_mc.loadedImage=imageLoader;

                    image_mc.addChild(imageLoader);

                    loading_mc.gotoAndPlay(1);

                    loaderStatus.text=" ";

          }

I'm having trouble fading in each image. Can anyone help?

This topic has been closed for replies.
Correct answer Nabren

function imageLoaded(e:Event):void {

          if (image_mc.loadedImage) {

                    image_mc.removeChild( image_mc.loadedImage );

          }

 

          image_mc.loadedImage=imageLoader;

          image_mc.addChild(imageLoader);

          loading_mc.gotoAndPlay(1);

          loaderStatus.text=" ";

 

          // Fade in

          image_mc.alpha = 0;

          image_mc.addEventListener(Event.ENTER_FRAME, fadeIn);

}

function fadeIn(e:Event):void

{

          var fadeTarget:DispayObject = e.target as DisplayObject;

 

          fadeTarget.alpha += 0.05;

 

          if (fadeTarget.alpha >= 1)

          {

                    fadeTarget.alpha = 1;

                    fadeTarget.removeEventListener(Event.ENTER_FRAME, fadeIn);

          }

}

1 reply

Nabren
Nabren
Inspiring
February 26, 2013

Add an ENTER_FRAME listener and modify the alpha of your image_mc from 0 to 1 depending on the rate you want it to fade in after it loads.

D
dips045Author
Known Participant
February 26, 2013

can you give me an example please? Everytime I've tried to add a fade to the movieclip, it fades in just the once and not everytime an image is loaded.

Many thanks

Nabren
NabrenCorrect answer
Inspiring
February 26, 2013

function imageLoaded(e:Event):void {

          if (image_mc.loadedImage) {

                    image_mc.removeChild( image_mc.loadedImage );

          }

 

          image_mc.loadedImage=imageLoader;

          image_mc.addChild(imageLoader);

          loading_mc.gotoAndPlay(1);

          loaderStatus.text=" ";

 

          // Fade in

          image_mc.alpha = 0;

          image_mc.addEventListener(Event.ENTER_FRAME, fadeIn);

}

function fadeIn(e:Event):void

{

          var fadeTarget:DispayObject = e.target as DisplayObject;

 

          fadeTarget.alpha += 0.05;

 

          if (fadeTarget.alpha >= 1)

          {

                    fadeTarget.alpha = 1;

                    fadeTarget.removeEventListener(Event.ENTER_FRAME, fadeIn);

          }

}

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices