Flash :: Image Fade Background

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>

Fade To Background On PNG
Hi,

I've copy and pasted an image from Fireworks into Flash. What I'd like to do within Flash now is apply somekind of linear 'falloff' on the fireworks image.

What I've got is basically a thick line, made in fireworks, and C&P'd this into my flash scene. The flash movie will appear on a textured background, so my flash movie will have it's WMODE parameter set to Transparent. Therefore how do I get my 'thick line' and fade this to also blend in with the backgroud of my webpage?

I've tried masking a linear gradient, but to be honest, I'm not sure I'm doing this right.

Any ideas?

TIA

Background Fade In/out
Hi folks, could somebody point me in the direction of a tutorial for a common background transition. Basically When you click on a button the current background fades out while the new one fades in.

I know this is quite a common feature on alot of websites but I have spent hours searching for a tutorial and its turned up null.

Alternatively if somebody could post the actionscript that would be great also.

Thanks!

Background Fade In/out
I have a movie clip loader and want to apply a fade in/out when i press a button. this is how i am tryign to get it to work:

when i am at the home page i want the splash image to fade in, when i press the contact page button i want the moviecliploader to fade out the current image and fade in the image that will be associated with the new page.

here is code that i have associatd with the home button:

Code:
home.onRelease = function(){
var mcl:MovieClipLoader = new MovieClipLoader();

var mclL:Object = new Object();

mclL.onLoadProgress = function(target,loaded,total) {
cload.percent.text = Math.round((loaded/total) * 100) + "%";
}

mclL.onLoadInit = function() {
cload._visible = false;
cload.percent.text = "";
}

mcl.addListener(mclL);

import mx.transitions.Tween;
import mx.transitions.easing.*;
new Tween(bkg, "_alpha", Strong.easeIn, 100, 0, 24, false);
mcl.loadClip("splash2.png",bkg);

var styles: TextField.StyleSheet = new TextField.StyleSheet () ;
styles.load("theCSS.css") ;

theText.html = true;
theText.wordWrap = true;
theText.styleSheet = styles;

var lv:LoadVars = new LoadVars ();

lv.onData = function(contents) {
theText.text = contents;
}
the current snippet loads the new .png when i press the button however it fades out right away.

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

How Fade The Background Sound?
Hello everyone, this is my first message here.

I am starting a project, and I have been having a bit of trouble. I am fairly new to flash.

I have made a list of scenes, added a background sound in the first scene. And it loops in the background, which is what I want.

But when a user clicks on a button in another scene, I want this sound to fade away. I Actually want it to quietly play int he background, while a new sound plays in the foreground. Then when the user clicks out of the current button, I want the background to fade back up.

Also, While the foreground sound is playing, i am trying to make a pause, play, stop button(i know those), but i want to have a timeline slider that the user can click and drag in order to rewind the sound.

Anyone know how I can do this?

Thank you

Background Fade Using Actionscript
Hello there,

I have a quick question about fading a bg color using actionscript. I am creating a splash page at 800x600 in flash, which is being opened into a new window that fills the browser of the users screen. I already have the actionscript to open into a full browser window.

However, when the user clicks on a button in the 800x600 splash, the bg color in the full browser window will need to change from blue to white. What would be the best way to do this, is there a piece of actionscript that can be attached to a button to do this? Or does a large flash document size need to be created with the 800x600 centered in the middle?

If someone can please help, I'd reallly appreciate it...

Button Background Fade
If you look at this page:
http://motion-wave.com/

the background of the buttons in the menu is fading when you roll over/out. Can someone please help me out how you can actionscript that? Maybe you can show with some code example or a tutorial?

Thanks in advance

Fade Website Background
Hey all,

I have a flash website where I would like the entire browser window to fade to black when viewing various thumbnails. It seems that Flash's background color setting will bleed through the entire browser, but when I try to add a graphic to create the background fade it only goes so far as the flash stage.

The stage size is 780 pixels wide - do I need to create some sort of dynamic stage that scales to whatever the web browser size is? Otherwise, if the web browser goes bigger then 780 pixels the stage boundary is obvious.

In other words, am I able to control the padding between the stage and web browser if bigger than 780 pixels?

Thanks for any help!

Haus

How To Fade Background On Popup
How would I go about fading the background when button is pressed and popup is displayed.. I have many of these that load ontop of the main movie.

Here is an example on Nike site: http://nikemashup.com/

gives the feeling of depth on the site..

how is this done.. thanks

Load Pop-up Then Fade Background
can someone point me to a tutorial or help me on how to make a popup within flash and make the background fade.

an example can be found here http://www.dontlament.com but using flash to get this effect. click on TAKE A CLOSER LOOK at the bottom of each thumbnail and you will see what i mean.

cheers,

redrooster :D

How The Yahoo Do The Flash And Fade The Background?
hi.. anybody see yahoo's site. it has flash intro. it is pretty nice.. and it is a good idea to do like that.
it effect is support by java script. it is sure.
<HTML><SCRIPT LANGUAGE=javascript>var __w=closeBIG();if(__w!=null)document.write(__w);</SCRIPT></HTML>
i trying get the code .. but seemed not complete. anybody who master in this can help me the complete this research?
thanks for reading.

[CS3] Fade In Text Over Colored Background?
Hi,

This is probably a pretty simple thing to do but I've not been able to find anything in my googling that tells me how. I need several words to slowly fade in, one at a time until there are like 5 of them on the banner. The fontcolor has to be white. The background is a purple that fades from dark on the left to a lighter shade on the right. I was able to fade in black text over a white background by tweening the brightness from 100 to 0. But it doesn't work with this graduated colored background since the words are visible.

Could any one tell me how I could do this? I've never used Flash before so if you could dumb it down with keypresses I'd be grateful.

Alpha Fade Background On A Navbar
Hello,
I have a navbar with a bunch of btn_mcs on top of it. I would like the navbar alpha to fade in when the total navbar is moused over. That alone is simple enough, the problem is when you mouse over the btn_mcs the focus shifts to the buttons and the alpha plays its' ROLL_OUT function (which is also needed for when you leave the nav area).

I'd like it to ONLY roll out when the mouse leaves the nav area, and not when the mouse goes onto another object.

Here's my code:
Code:

package {

import flash.display.*;
import flash.net.*;
import flash.events.*;
import flash.text.*;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;

public class Sfgdc extends MovieClip {

   public var sfStat:Boolean = false;

   // create a new LocalConnection instance used to send
   // calls to a LocalConnection instance in another movie
   var outgoing_lc:LocalConnection = new LocalConnection();

   public function Sfgdc() {

      visitors.addEventListener(MouseEvent.ROLL_OVER, myOver);
      visitors.addEventListener(MouseEvent.ROLL_OUT, myOff);
      visitors.addEventListener(MouseEvent.CLICK, linkVisitors);
      visitors.buttonMode = true;

      online.addEventListener(MouseEvent.ROLL_OVER, myOver);
      online.addEventListener(MouseEvent.ROLL_OUT, myOff);
      online.addEventListener(MouseEvent.CLICK, linkOnline);
      online.buttonMode = true;

      help.addEventListener(MouseEvent.ROLL_OVER, myOver);
      help.addEventListener(MouseEvent.ROLL_OUT, myOff);
      help.addEventListener(MouseEvent.CLICK, linkHelp);
      help.buttonMode = true;

      textv.addEventListener(MouseEvent.ROLL_OVER, myOver);
      textv.addEventListener(MouseEvent.ROLL_OUT, myOff);
      textv.addEventListener(MouseEvent.CLICK, loadError);
      textv.buttonMode = true;

   }

   function myTrace(event:MouseEvent):void {
      trace("Home --> Click");
   }
   function myOver(event:MouseEvent):void {
      var myTween:Tween = new Tween(bg.cover_mc, "alpha", Strong.easeIn, 0, 1, .15, true);
   }
   function myOff(event:MouseEvent):void {
      var myTween:Tween = new Tween(bg.cover_mc, "alpha", Strong.easeIn, 1, 0, .15, true);
   }

   function linkVisitors(event:MouseEvent):void {
      trace("Home --> linkVisitors");
      outgoing_lc.send("Channel", "linkVisitors");
   }
   function linkOnline(event:MouseEvent):void {
      trace("Home --> linkOnline");
      outgoing_lc.send("Channel", "linkOnline");
   }
   function linkHelp(event:MouseEvent):void {
      trace("Home --> linkHelp");
      outgoing_lc.send("Channel", "linkHelp");
   }
   function linkTextv(event:MouseEvent):void {
      trace("Home --> linkText");
      outgoing_lc.send("Channel", "linkText");
   }
   function loadError(event:MouseEvent):void {
      trace("Home --> Error");
      outgoing_lc.send("Channel", "myError");
   }
}
}

example swf:
http://sfdnb.com/Mitch.swf

this example has the roll listeners on the actuall buttons so when you go over them, they fade in the BG and when you roll off them they fade out the background. If you go from left to right it flickers.

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?

Alpha Fade & Change Background Color
How do I alpha fade a background color (blue to red) from 0% to 100% using actionscripting?and vice versa

Would it be easy to attach on a movie clip and script, or do it only actionscript? Which is efficient?

Document Background Fade (pixelwit.com Tutorial Help)
http://www.pixelwit.com/temp/colorfa...rial/home.html

I have my site set to fade between colors for multiple objects utilizing the scripting provided by the above site. Everything works perfectly, but I've run into a challenge. I am trying to get the document background (HTML, not Flash) to change colors evenly with a particular object in the Flash movie. I am trying to call a javascript function using GETURL each time the colorchange function changes the object's color, so that the fade is equal within the flash movie and on the document background.

I have modified the "transshift" function in the pixelwit code to do this, below is my code. The color change happens, but not gradually like the object's color does. The object fades colors, and at the end of the fade the document bg jolts to the new color. Any ideas?

Color.prototype.transShift = function(){
//trace("Running");
var ratio = (getTimer()-this.v.startTime)/this.v.milSecs;
if(ratio<1){
var newTrans = {};
for(var i in this.v.change){
newTrans[i] = this.v.startTrans[i]+ratio*this.v.change[i];
}
this.setTransform(newTrans);
color1=new Color(_root.rightfade);
taco=color1.getRGB().tostring(16);
trace("taco RGB="+taco);
_root.GetURL("javascript:changeBG("#" + taco + "")");

}else{
this.setTransform(this.v.goalTrans);
clearInterval(this.v.intrvl);
var myFunc = this.v.func;
delete(this.v);
if(myFunc)myFunc();
}
}

Changing Background Colour...making It Fade
hey there...i have made a file that changes the background colour when you roll over a button using the code

on (rollOver) {
bgcolor = new Color(_root.myBG);
bgcolor.setRGB(0x66FF00);
}

now i feel that the effect doesnt look right since the bg snaps instantly to that colour when i rollOver the button...i was wondering if it is possible to make the background fade from its original colour to the new colour

i have found a way to do this using tweens but i would perfer to use actionscript as i plan on having more complicated colour changes

Menu To Fade In/Out New Background Images And Text
I'm trying to create a navigation menu to fade background images in and out based upon what the user clicks.

So, for example, I have:

Contact
About
Portfolio

The stage when the user clicks contact has one background, and then when they click about, I want that background to fade out while the background fades in. My problem is, you don't know which order the ppt will choose to navigate the site so you can't hardcode the background that needs to fade out.

Can anyone point me to some code for this? Or a tutorial which may be helpful?

Thanks in advance.

[CS3] I Am Trying To Make The Background Fade Whilst Picking Out A Particular Area
I work for a small online furniture retailer and to add a bit of spice to our homepage we want to add a flash movie. This will be a an image with a few of our favourite products on it. What I want to happen is when a mouse over occurs over a particular product the background fades and that product is highlighted by a stroke and product details appear. I understand that I need to make separate movies for each product but I cannot seem to get the movie to load properly when a mouse over occurs. Please help!

Making A Background Music Track Fade Out To Another Sound When An Object Is Clicked
Hello everyone,
Im fairly new to flash and have been creating a website over the past few days with it. I was trying to get and effect where there is a background music track playing and when an object is clicked on this background track fades out to another audio file and then when this file is finished it fades back into the original background track. Any ideas on how to do this? Your help is much appreciated.
Kind regards,
Brian

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 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 me

Jaffan

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

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?