Flash :: Fade One Image Into Another

Alpha Fade Image, Wait, Fade Out, Next Frame
Greeting,

After three hous of review I have now looked at so many scripts (here and elsewhere) of fading in/out that I am more confused instead of less confused, which seems odd I know.

Here is what I have and what I want to do. I am using MX.

I have twenty images, one one each frame of a movie clip, placed around the stage. I want the imges placed instead of loaded so that I can control where they appear on the stage. I would like each image to fade in, stay on the stage for 4 seconds, fade out, and then go to the next frame (and repeat with the image located on that frame). Does anybody have any scripts that already do this. I am a beginner and I am not that famaliar with action scripting. I think what I need to do is use an onEnterFrame, with an alpha fade in, some type of delay/counting script, and then a fade-out, and go to the next frame.

I know that you all have thousands of things you could be doing instead of helping me, so please know that I appreciate it.

Image Fade In/fade Out Script
hi all! im new to this forum and a newbie on flash so please bear with me.

i'm wondering if i can create an image fading script which reads a text file that contains the path to the images and display it continously (i.e. loop). additionally, each of the image has a corresponding url so that if a particular image appears and the user clicks that image, the page will go to the specified url.

probably the text file should look like,

syntax: [path|url] delimited by pipe (|)

-----------------------------
/images/pic1.gif|http://www.yahoo.com
/images/pic2.gif|http://www.google.com
/images/pic3.gif|http://www.altavista.com

is this possible? thanks.

XML Gallery: Preload On Current Image/cross-fade Image
Hello,
I am new to action script but I am learning quickly.

I took the following tutorials and made a hybrid:
Photo Gallery Using XML and Flash
Photo Slideshow Using XML and Flash

I redesigned the interface and created this:
http://www.onarresdesign.com/greg/work2.html

Everything works great, but now I want to take it further than the tutorial.
I am trying to make the images cross-fade. I am open to any suggestions and I have tried many techniques with little success.

Here is the closest solution steps I have come up with:

Code:
1) First image preloads (grey background showing)
2) First image loaded into top level MC 1
3) First image fades in
4) First image in top level MC 1 remains visible
5) First image gets loaded into bottom level MC 2 behind current movie clip.
6) Top level MC 1 clears because its preloading next image
Bottom level MC 2 remains visible
7) Preloader shows on top of bottom level MC 2
8) Next image is loaded into top level MC 1
9) Next image fades in (cross-fade effect achieved because previous image is behind it)
10) Next image gets loaded into bottom level MC 2
Repeat process
I can't get the action script to do what I want. I have off set the moveclips to show that the images are loading into both movieclips. I currently have the 'nextImage()' function controlling this so it is understandable the both images are cleared because the function is loading new images into the movie clips at the same time. How do I get one movie clip to remain constant while the other is loading? It seems to be a matter of where the function is placed. Or so I think.

I would appreciate any help I can get on this. If would also appreciate any suggestions for making the code for the control buttons cleaner.

Thank you,
</asla>

Loop While Image Is Loading / Fade Image As It Loads
Hi, another question:

I'm pulling a jpeg into a flash file using this:

loadMovie("digitalP_bg_2.jpg", "holder");

i have a shape over the image which is being pulled in, and this shape is supposed to fade after the jpeg is loaded - i've used straight forward tweening for the fade. howe ever, even though the loadMovie function is placed before the fade on the timeline, the jpeg takes a while to load and so the fade happens before the actual image has loaded.

my action scriptiing is very very minimal, i'd like to know if there's an easy enough solution to this. what i am thinking of possibly is creating a loop while the image is loading - provided that it isn't too complex to detect how much of the image is loaded.

any suggestions?

you can view the fla and swf here:

http://www.ponch.biz/flashtest/

cheers

Ponch

Fade Another Image On The Screen In And Out When Mouse Over Another Image
Im hoping someone can help me with this flash dilemma thats been bothering me. I have 3 images on the stage and when the mouse goes over one of the images, i want the other two to fade out. Then when the mouse leaves that same image, i want the two images that faded out, to fade back in. So far, ive turned the images into movie clips and made the movie clips fade out until frame 31. then i put an action to stop at 31 and then i have the fade in sequence from frame 32 to 60 (then i had a stop action at the end of that too). If anyone knows a good way to do this, i would really appreciate it. Id rather not do this with buttons, but if thats the only way you know, im still open to it because i really appreciate any feedback given. THANKS!!!!

[MX04] Image Fade + Image Cycle [HELP]
Hi guys,

Seeing as how I am only a lowly graphic designer, I was wondering if you fellas who actually know a little bit of Flash could throw me a bone here... and for the record I have searched probably 100 threads before posting trying to find something similar to the below URL but came up with nothing... if you know of one please point me there!

Anyway, I want to design a navigation banner very similar in functionality to:

http://www.greathomessonoma.com/

As you can see, when you mouseover the text, the image fades out and then is replaced by the next of 3 images total per category.

How does this work? I'd REALLY appreciate some help here, I'm just trying to get by with what I know. I'm assuming that they are linked movie clips with an alpha actionscript with some kind of organized (not random) rotation method. Anyway, thanks for the read and hope to hear back from someone!

Xml Slideshow Tutorial - Fade From Image To Image?
I am building a slideshow for a client based on Kirupa's fantastic tutorial http://www.kirupa.com/developer/mx2004/xml_slideshow.htm

I want to change it so that instead of new images fading in from the background color, they fade from image to image. To that end, I have created another instance of the image mc the same as "picture" but called "bg_picture". I have placed it in the same layer as picture, but sent it to the back so it would lie behind the main picture.

My thought was to load the current picture as a background picture before p got incremented (or decremented) and the new image fades in. That way, the fade will be from one image directly to the next. I have edited the code as follows:

Code:
function nextImage() {
if (p<(total-1)) {
bg_picture.loadMovie(image[p], 1); //added this line
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}
When I test the flash file, the slideshow performs as expected except that when the new line is called, the image showing blinks out to the background color momentarily, then reappears before the new image fades in.

I thought it might be a question of the background image not being preloaded, so I tried the following code to force the background image to load before the transition starts. Unfortunately, there was no discernable difference in the display.

Code:
function nextImage() {
if (p<(total-1)) {
bg_picture._alpha = 0; //added code starts here
bg_picture.loadMovie(image[p], 1);
bg_filesize = bg_picture.getBytesTotal();
bg_loaded = bg_picture.getBytesLoaded();
if (bg_loaded == bg_filesize) {
bg_picture._alpha = 100; //added code ends here
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
} //added code
}
}
Does anyone have any idea what I can do to have this transition smoothly?

Image Fade In
If I have an image I want to slowly fade in, what actionscript would I use......I am very new to flash, and if someone could give me some sample code and tell me how it works, I would be greatly appreciative.

Fade To Any Image
I'm looking for some help creating a controllable slide show that works something like this:
You have a series of images that can be faded into each other by using a set of buttons. Each button triggers a specific image. Of course, this is not a simple tween job because you have to be able to go from any 1 image and fade to any other one.
I remember that josh ulm did a talk on this at flash forward 2000 and it was done in flash 4 with actionscript but i can't remember how to do it.

I'm using flash 4 mac but help in any version would be appreciated. Thanks.

How Do I Fade Out A Image?
Hello!
I have a pic in my flash. how can i fade it out????

Thanx!

Fade Image In And Out
I got my code to randomly load the movie images but I want to fade them in and out so they don't seems so jerky. I am also not pleased with the randomness of the the function. When I whatch the movie play I trace(rand) and it doesnt seem to randomize correctly. So I was wondering if someone could help me get the images to fade in then pause for a few milliseconds then fade out and as it fades out the the next image is fading in. I have two mc's one on the left and one on the right.

Code:
function randImage() {
rand = Math.floor(Math.random() * 3) + 1;
trace(rand)
ImageHolder.loadMovie("img" + rand + ".jpg");
ImageHolder2.loadMovie("chef" + rand + ".jpg");
}
setInterval(randImage, 1000);

Fade In/out Image
Hi,

first time on the forums,
im workin on a personal site for myself and need sum help,
i want to make an image fade in/out when the mouse moves over/out
of the image, ive got about 7 images on the page page,
i tired to use the movie clip example i found on hte net,
but i don't understand how it works/ how to add the same eefect on the other images too. can any one plz help me out,
if needed u can add me to ur msn: sexyhottchick4eva@hotmail.com
take care

How Do I Fade In An Image
hi all

im having problems, in that i want an image to fade in over another how do i fade in flash mx thanks to all that can help

chris

Fade Image A-B?
How can I fade one image into another?

Image Fade In & Out
Hi!

I have a problem which i think is very strange. I have downloaded a fla from flashkit which is called "fade image gallery v3". What it does is basically fading images in and out. The problem is that it contains 10 buttons and 10 movieclips and it runs very smooth. But when i try to add more movieclips and buttons(i wan´t 22 in total) the swf becomes very slow. It feels like it runs in slowmotion. Does anybody knows what the problem might be. I´ll send along the link to the fla if someone might want to help me. HELP ME Please. it is very important.

http://www.flashkit.com/movies/Inter...8721/index.php

//Johan

Image Fade
I'm sure there's a simple answer to this but I've had a play around and can't get it to work.

What I want is for an image to fade into the next one in the sequence every 10 seconds.

Any ideas?

Thanks

Image Fade In....Please Help
Hi

Does anybody know how to fade in a photo slowly from the centre??

Exactly like this http://www.splasposa.com/entrada_index.asp?idioma=2

Any ideas would be greatly appreciated.

Cheers

Fade Image
Currently I'm using the following to load a random image into a movie clip each time the movie starts.

loadMovie("bailey"+Random(05)+".jpg", "photo_mc");

What I would like to do is put an effect on this...such as alpha.

I've seen some of the alpha code, but I'm not sure how to implement it.

Thanks
Jason

Fade In Image
I have a project where I want an image to fade in and out when the use rolls over and out of a button. I used the Flash Help example script and it works fine for fade out but they don't give example script for fade in and I can't seem to modify the fade out script to work. Here's the fade out example:

var alpha_interval:Number = setInterval(fadeImage, 50, img1_mc);
function fadeImage(target_mc:MovieClip):Void {
target_mc._alpha -= 5;
if (target_mc._alpha <= 0) {
target_mc._visible = false;
clearInterval(alpha_interval);
}
}

Can someone show me how to modify this to do a fade in as simply changing it as follows doesn't work:

var alpha_interval:Number = setInterval(fadeImage, 50, img1_mc);
function fadeImage(target_mc:MovieClip):Void {
target_mc._alpha += 5;
if (target_mc._alpha >= 95) { //I've tried many variations of this line.
target_mc._visible = true;
clearInterval(alpha_interval);
}
}

Thanks,

Rick

[CS3] Fade Image
Hi All,

It's been a while but I'm trying to build out a site and want to fade up some images. I recall seeing a post that expained how to get an image to fade on using it's levels (the dark areas would appear, then the light areas). It didn't fade on evenly. Does this make sense to anyone and does anyone know how I can do this. Perhaps the color matrix was used . . . like I said, it's been a while.

Thanks.

_t

Image Fade In Help
hey guys

I have an image inside an mc and i want it to fade in any pointers.

Cheers guys

Fade In Image, Help Please
I have a movieclip load an image using the following code:

ActionScript Code:
loadMovie("images/test.jpg", "thumb1");

I know the code to make a movieclip fade out, but how do I make it fade in?

I tried this, but it still starts out with a alpha of 1 (instead of 0), then goes to 100.

ActionScript Code:
onClipEvent (load) {
this._alpha = 1;
}
onClipEvent (enterFrame) {
if (this._alpha>0) {
this._alpha = this._alpha+2;
}
}

Image Fade
http://www.hiflyingcharters.com/
Can anyone tell me how the image fade is done on the main page of this site?
I have a basic knowledge of flash
Rgds

Image Fade
Hi, this is what i'd like to accomplish, I'd like to create a splash page. I have like 3 or 4 images that i'd like to fade into the next image. How can I do that??
For instance:
image1 phases into image2,
image2 phases into image3,
image3 phase into image4,
then image4 phase back into image1

Thanks.

Image Fade
Hi im new to flash and im making a simple series of images that fade in one by one from top to bottom on a page. To do that im simply using keyframing and the aplha function. Making the images fade in over 20 frames. However just before the images become fully visible they seem to stretch slightly and come back into position. Ive checked and theres no tweens that would make it do this. Is this a common problem and does anyone know of anyway around this??

Any help would be appreciated!!

Thanks

Neil

Fade Image, Appear Another
i just started with Flash MX2004, but I only found some easy tutorials, and not the HANDY ones. So I'm wondering how can i fade an image, and let another image appear instead of the fading one.
And another questions, how can I let pictures (8) move in circles so that u see each one of them (www.suicidesoldiers.co.uk that's what I mean)

or mayb the idea of the figure eight...

ty

Squadron

Image Fade Q?
anyone got any tips for fading in an image in flash with a bit of a twist... seen it a few places, not just an alpha fade but almost like it's got a filter on it... but without using PS?

Image Fade-ins
Hi can anyone tell me how to make those images wich fade-in out of nothing?
Can I make little movies of them and import them into dreamweaver?
Let me know please.

like in the site:
http://www.benesseresamoa.com/

choose flash and then for example "Dove Siamo" like the flower.

I've seen it so many times in other sites and like to know how to make this.

Fade An Image?
??? I'm trying to create an image that will fade in and hold on the front piece of a intro page and don't know how to do it. I've searched all through my lessons (flash mx) and "computer arts - flash hand book" but can find no reference to a fade effect for a gif or jpeg... can anybody help - thanks
zendo

Image Fade
Hello all. I wanted to inquire about fading in & out an image. I'm a little unsure what is causing my image to 'shrink' & 'expand' when I have not transformed the image in any way.

Here is what I did: I stared with an image, converted it into a symbol. Then I changed the alpha 0% to 100% and back....all with the motion tween.

http://216.197.105.184/flash/my_first_tween.html (look closely at the center of the image)

Does anyone know what would cause this, or how to correct the problem?

Thanks!

Image Fade Background
Ok, I have managed to make my title of my website fade between 3 images but once it gets to the last image it displays and ugly white background then starts again. I stopped this by using the "show" action but cannot d it for the last pic. help?

Image Fade Script
Heeelp! I can't believe that this could be hard to do, but I can't do it!!!

I have a map, with 72(!) regions, all buttons. On each button mouseover, I want it to fade the underlying symbol in. The symbol is separate from the button, in the same level. The symbol should do a quick fade in, hold it's tint durring the over state, and fade out when the out state is triggered. Each button needs an 'over' flag, so that the symbol tween will run smoothly, in it's entirety, even though the user 'pokes' at the button. HTH???

(each button and symbol follow a clean taxonomy, and could easily be addressed thru an array)

Making An Image Fade?
I am very new to Flash, I want an image to fade from the back to the front(I know how to do that) but then I want it to fade away..

any help is appreciated

Rick

Fade Image Gallery 2
i have a completed web site. i also wante to add some bells and whistles with t he use of a MC created in flash that is a fade effect. How can i load it into the website as a page/scene? I have imported into the library, but the result is a shell and not a working import. Can this be done at all?

Help........ Please?

NYmagic

Help Image Wandering On Fade In
I'm trying to fade in a JPG file and for some reason it is moving one pixel to the left as its alpha reaches 100. It was created with a tween and I have checked the X Y Coordinates on both keyframes to make sure the image isn't wandering because of a missmatch.

I'm providing an example file. (You'll need an image named KCCropped.jpg placed in the same directory as the fla)

Have you seen this before? Any help is greatly appreciated!

Image Gallery Fade In/out
Hi...

I'm creating a portfolio image gallery in Flash MX, but for some reason (um...stupidity, probably) I can't figure out how to get the transition between the images to work.

Basically it's a gallery with the images centred and buttons at the bottom for each one. On the click I want the image thats up there to fade out, and then the new one to fade in. The problem is getting the image to fade out before the new one pops up, without having the navigation linear...Anyone got any ideas or tutorials on how I can do it?

Thanks!

Help: Trying To Fade Image In Actionscript.
Hi,

I’m trying to load an image into a movieclip then fade it in. I plan on having an image gallery where one image fades in while one is fading out.

i1.jpg: is the image.
mc: is an empty movie clip sitting on the main stage.

loadMovie("i1.jpg", "mc");

_root.mc_alpha = 0;
_root.mc.onEnterFrame = function() {
if (Math.floor(this._alpha) < 100) {
this._alpha += 2;
} else {
delete this.onEnterFrame;
}
};

Simple Image Fade
this sounds easy but I can't seem to get a simple image to fade out and one to fade in.

Any help would be appreciated.

Any samples out there?

Random Image Fade In And Out.
Hi everyone..

I need help i been trying to figure this out and no luck. Maybe here were all the Gurus hang out i might be able to find out how to do this.

It might be pretty simple but... well, here it goes..

I have 12 images converted to graphics with the name of Image1 to Image12. I want them to fade in and out. My idea was to create a random # and set the 1st image to that # then fade it out into a 2nd randombly selected image. Then the 2nd image would jump to frame 1 and that same #image would start it all over again. So it would have to skip the 1st ramdon # selector.

anyways, maybe if you download the .fla you might get a better idea of what i wanted to do.

http://www.sffba.net/members/jcamere...doutrandom.fla

If you could please explain me how to do this.. or just modify that file and i can see how it was done.

Thanks in advanse!

Image Fade To Transparent
Hi. I am trying to make a still image (1 frame) where the right side of Image1 fades to transparent, so that it blends into whatever bg (Image2) I put behind it. I use FlashMX.

Please explain how to do this. thx

PLZ HELP Still Image Fade To Transparent
Hi. I am trying to make a still image (1 frame) where the right side of Image1 fades to transparent, so that it blends into whatever bg (Image2) I put behind it. I use FlashMX.

Note that there is no animation, no onEnterFrame, no motion, nothing moves over time. This is a still movie. It has 1 frame and 2 pics.
The topmost pic fades to transparent towards its right side, thereby blending in with the background.

Please explain how to do this. thx (It may not even be possible)

I've been looking for the answer to this problem for a few days now, please, if you can do this, please help.

Let me emphasize again, cuz some ppl aren't understanding:
There is no animation of any kind in my movie.

thx,
miguel3d

Image Fade Left To Right?
Is it possible to fade an image left to right (like in Photoshop or Fireworks) inside flash? With mask, actionscripting, or anything else?
Thanks in advance

Fade In Bg Image, Staying Put....
I have just started learning flash in the past few days and am trying to make a flash business card. I have faded in my bg image using the trainsition thing and it looks great but when I come to flying in some text after the image has faded in the image dissappears, my questions is, how do I get it to stay after it has faded in, throughout the rest of the movie, without having another keyframe with it in and it jumping between them?

As I said I am complete newbie and don't know n e code apart from gotoandplay, and I don't really know what that means

Becka

Gradient Fade Out In Image.help
My problem is this:

I have to fade out a picture on the left or right side to transparancy. Kind of like the same effect when using the gradient tool with one colour. I know how to do this in Photoshop but when I import the image (wether it's gif, jpg, etc) to flash the transparant side stays white when I place another image behind it.

Does anyone know how I can do this in Fireworks and then import it to flash (or preferably how to do it in Flash)? So the side of the image has to be faded out to transparent. And when I place another image behind it it has to be visible. Kind of like two pictures morphing into eachother.

It is for my end project for school this year and I am really stuck....

Load Image Fade In
Hi

I'm trying to use actionscript to fade in JPEGs on the click of a button... I know my code is wrong, but I can't put it right by trial and error:

on (release) {
loadMovie("images/pure6_1.jpg", empty);
if (empty <100) {
setProperty(empty, _alpha, +10);
}
Thanks.

S

Fade Image Actionscript
Hi guys,

I'm making a site to show my photography portfolio. Is there a way I can smack actionscript in a movie clip within my main website that will allow me to line up a sequence of photographs right next to each other, frame after frame (as opposed to ten or twelve, etc. frames apart), and then I can smack some actionscript on each frame and when the user clicks the "next" button, it fades into the next image? I know, obviously, how to do this with motion tweens, but as I create new images I'd like to add every day, I'm looking for the quickest and easiest way to update it. If there are methods other than the one I'm proposing here, by all means, enlighten me!

Thank you very much in advance for your wisdom!

Alec

Image Fade Issue
Hey all,
I'm calling different jpegs into a movie clip holder. It seems to take a while for the image to load (these are not big images either) and the image eventually disappears if the page is open for a minute or so.

This is the code I have on the holder movie clip:

Code:
onClipEvent (load) {
val = 0;
}
onClipEvent (enterFrame) {
if (val <= 0) addval = 15;
val += addval;
this._alpha = val;

delete(this.enterFrame);
}

Fade One Image Into Another

can anyone please help me ..i am using dreamweaver to build a website. all i need is to have one image fades out and another image fades In ... and it should loop.please help meJaffan

can anyone please help me ..

i am using dreamweaver to build a website. all i need is to have one image fades out and another image fades In ... and it should loop.

please help me

Jaffan