ActionScript 3.0 :: Effective Slideshow - Fading Image Transitions
Apr 5, 2009
I'm trying to create a simple yet effective image slideshow for my homepage. It'll be a bar, 600 pixels wide, by 300 pixels high. There will be 4 buttons that will line the bottom, numbered 1 through 4, that will control 4 separate slides that'll appear in that window. If you don't click anything, the images will fade in and out after x amount of seconds. Clicking on the numbered buttons will load the appropriate slide, and each slide when clicked will take you to a certain part of the website.
I wish to do this in actionscript... not using the timeline as I prefer to do all transitions in actionscript. Can anyone shed light on how to set this up? I've been trying to use the TransitionManager function... however I'm getting mixed results. Here's a screenshot:
Code:
import fl.transitions.*;
import fl.transitions.easing.*;
ss1_mc.alpha = 1;
ss2_mc.alpha = 0;
ss3_mc.alpha = 0;
ss4_mc.alpha = 0;
var currentImage:MovieClip = ss1_mc;
[Code] .....
View 1 Replies
Similar Posts:
Sep 15, 2005
I'm working on and xml loaded slideshow. I have a script that I got off of this site where the image fades out before the next one is loaded. The only problem is that the last image does not fade out, it just goes back to the first image which makes it inconsistant
Code:
delay = 4000;
function loadXML(loaded) {
[code].....
View 6 Replies
Aug 7, 2009
The images are loaded via XML and fadeIn in the order set in the XML file. At the moment a new image is required, it fades in. After the set time it gets deleted (setEndFlag) and the next image fades in.
do i need to set a timer in order to fadeOut the "previous" image and fadeIn the "next" image. and after the "previous" image has run out of time it gets deleted. How can i include the cross-fading in the in the script below?
[Code]....
View 2 Replies
Jun 14, 2010
I am working on an xml based slideshow. Random images loading (only ones and no repeated image) and fade in-out effect. That's working fine, but the problem is that when animation starts it does it on white screen and then fades in to the first image. How can I keep my slideshow working the same way but starting with the first image already on stage (without fade in)?
My Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
import com.greensock.*;
import com.greensock.easing.*;
[Code] .....
View 1 Replies
Jun 14, 2010
im working on an xml based slideshow. Random images loading (only ones and no repeated image) and fade in-out effect. That�s working fine, but the problem is that when animation starts it does it on white screen and then fades in to the first image. How can i keep my slideshow working the same way but starting with the first image already on stage (without fade in)? My Code:
code: import fl.transitions.Tween; import fl.transitions.easing.*; import fl.transitions.TweenEvent; import com.greensock.*; import com.greensock.easing.*; var my_speed:Number; var my_total:Number; var my_images:XMLList; var my_loaders_array:Array=[]; var my_labels_array:Array=[]; var my_success_counter:Number=0; var my_playback_counter:Number=0; var my_slideshow:Sprite = new Sprite(); var[code]..........
View 1 Replies
Jun 14, 2010
im working on an xml based slideshow. Random images loading (only ones and no repeated image) and fade in-out effect. Thats working fine, but the problem is that when animation starts it does it on white screen and then fades in to the first image. How can i keep my slideshow working the same way but starting with the first image already on stage (without fade in)?My Code:
ActionScript Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
[code].....
View 1 Replies
Nov 15, 2009
I'm making a first-person adventure game where I have the different frames in the root movie be the various locations that the user can interact with. I want to have fading transitions between the scenes and I was wondering if this was possible in flash. What I've tried for now is to create an array with all the current children then when the frame is changed I add those objects on top of the new frame and use a (alpha) Tween object to fade them out. This doesn't seem like a good idea and feels very hackish, so I had a few questions:
1. Is there an event that is called when a frame is changed (Event.FRAME_CHANGE doesn't exist ) since the way I'm doing it now is to have a local variable which I compare with this.currentFrame.
2. This may sound weird, but is there a way to create a screenshot of the current visible area and use that as one would any other visible object? This would allow me to Tween that one out instead of the array of children that I'm using now. I know it's possible in OpenGL, to render the current view scope to a texture array, but does Flash have this capacity?
View 4 Replies
Jun 18, 2009
I need advice concerning a small project that I am making.
Here's how the timeline is setup:
main timeline:
keyframe 1: actions
[code].....
View 6 Replies
Jul 21, 2009
How to do a simple slide shows that plays automatically and has transitions in between pictures, can some one direct me in the right direction. So far I have 1 picture that does a transition and it has this action code inside the same frame where the picture is placed at. The pictures were converted into movie clip symbols.
import fl.transitions.*;
import fl.transitions.easing.*;
TransitionManager.start(img1_mc, {
type:Zoom, direction:0, duration:3, easing: Bounce.easeOut});
I only have 1 layer. It works fine, but when I try to put two pictures and test the movie, it does not play automatically, why is this?
View 2 Replies
Jun 19, 2009
how to build an xml driven slideshow with fade transition? I would just like to know how they build this linked here.
View 0 Replies
Aug 7, 2009
Previously I've done all the monkeywork by hand on the timeline, but now I need to make an automated slideshow for an image portfolio that collects pictures from an external folder (1.jpg, 2.jpg, 3.jpg, etc...) so I can just upload variants of the image without having to change the flash file each time.
I'm also hoping to include fading transitions and an easy way to change the amount of time each image is on screen.
View 2 Replies
Jun 28, 2006
I'm trying to run this AS, so it appears on say 'Layer 11'. That way I can use it underneath other elements. Is this possible? I tried to phyiscally put it on 'Layer 11' but it always shows the slideshow on top of all the layers. I'm sure many of you are familiar with this script.
[Code]...
View 4 Replies
Oct 4, 2007
I'm using kirupa's flash and xml tutorial to make a fading in slideshow. I was trying to modify some of the code so that the image will also fade out before the next one fades in. Here is my code:
[CODE]....
View 2 Replies
Jan 8, 2010
Forgetting about my last post: This code currently makes it so each picture will fade from white. What I'm trying to do is make the slideshow so that each picture transitions into each other, instead of from white.
p = 0;this.onEnterFrame = function() { filesize = picture.getBytesTotal(); loaded = picture.getBytesLoaded(); if (picture._alpha<100) { picture._alpha += 10; }};[code].....
View 3 Replies
Feb 10, 2012
Creating a jQuery slideshow comprised of several images with transitions is easy. But I'm trying to have a Flash animation (SWF) stand in for one of the items in the slide show. In other words, I'd like to see transitions between the following: We've tried several of the jQuery slideshow plug-ins, but the Flash animation doesn't play well -- for example, if we use a simple dissolve transition, the Flash never disappears
View 1 Replies
Sep 12, 2011
we created thumbnail image gallery slideshow by using action script with auto and manual,. my requirement is , how to include multiple text link in each and every slideshow. below i mention the script code,
code start here
/********/
stop();
[code]......
View 0 Replies
Jan 4, 2009
i have an xml driven photogallery with thumbs and the slideshow starts automatically and is cross fading and it has a next/play/pause/for buttons. Everything is fine but i don't like the way the thumbs scroller operates, it's way to mechanical and i would love to add an easing effect to it. How do i do that? this is the code of the whole gallery:
[Code]...
View 0 Replies
Feb 6, 2008
I have created a pie preloader(preloader.zip) which is working fine. Same preloader I am trying to incorporate in a xml based slideshow(slideshow.zip) to show image loading process but some how I got stuck. I am new to flash. Suggestions are welcome.
1. How to solve the problem of preloader2. Is it possible to integrate everything in a movie clip (including AS). I mean no AS on main time line but inside the movie clip. It would be much easier then to to create multiple slideshows by duplicating mc and changing the xml file.
View 1 Replies
Jan 14, 2010
i have a set of images which i've converted to mcs and have given them all different instance names. The first image motion tweens to the right of the screen via actionscript and then the next one will motion tween from the bottom of the screen to the top and then the image after that will go to the right of the screen and next one goes to to the top, and so on. I have this actionscript for the first image,
[Code]...
I need the next image to start motion tweeing up to the top of the screen right when the first image starts fading out. Then when the second images starts fading out the next image is already motion tweening to the right of the screen and so on. Once every image has run through its tween everything repeats. Is there any way of doing this?
View 3 Replies
May 29, 2002
What I want to do is fade one image out while fading another image in. The script that I am using fades one image to alpha 0 then fades the next one in to alpha 100.The script that I am using is this.On first frame of main timeline
back._visible=false;
function goPage(whichWay){
slides.alphaChange=-5;[code]....
This script works fine but I want to modify it.
View 12 Replies
Apr 22, 2009
I created a slideshow where the images fade out and in using a motion tween from 0% alpha to 100% alpha in 15 frames. The fading doesn't look right to me it is very jagged. Is there a better way to do this. My files are too big to upload even when I tried to limit them to 3 images.
View 1 Replies
Jun 6, 2009
I've just created a sliding transition, see code below, which masks an image however when I run the swf it doesn't work and just displays the whole image without a mask.
[Code]...
View 3 Replies
Jun 23, 2008
var thumb_spacing = 40;
// load variables object to handle loading of text
var description_lv = new LoadVars();
[code]......
View 4 Replies
Nov 18, 2010
I just need it to load some images from a folder into an array and when the user presses a button it goes through the image array and shows each image, fading the old one out as the new one comes in, stopping when each image has been seen once.
View 1 Replies
Aug 20, 2009
've got an image slideshow that dynamically loads images from an XML file, and it works great.It loads an image, and fades into the next one, no problem.But I want the image loaded to be zoomed in, and slowly zoom out, while still fading to the next image when it gets to a certain point.
View 0 Replies
Oct 22, 2005
I'm working on a website that is going to have images fading in and out of eachother. Instead of a plain fade, I would like to use the fade grid that I found on this site. I have it working with 1 image, but can't get it to work with more. I'm not great with action scripts and there is only 1 frame in the timeline so I can't put a go to action at the end of the animation. I tried adding a second scene but then it just gave me a white screen when I tested the movie.I would like to have 6 images fading with the grid. How to get it to work? Using Flash MX. Actionscript is here: [URl].
View 3 Replies
May 3, 2011
On the timeline I have a bunch of buttons which point to different frame labels with images and content. Is there a way that I can make the images fade so that no matter what order a button is clicked, the images will still fade in/out from the previous image?
View 6 Replies
Oct 6, 2006
I attempting to make a slideshow like the one on this page: [URL] But i was wondering if it is possible to change the code so that if you click on the main image, another image could come up next to it? (I'm making a portfolio site, and i want people to click on one of the main images to then see a detail image next to
it).
View 1 Replies
Sep 30, 2010
I'm fairly new to ActionScript 3.0 so forgive me if this question is easy, but I'm having issues with my portfolio slideshow. I have a few thumbnails and when you click on one the image slides in from the right. That part is fine. What I really want is for the user to click on a different random thumbnail and have the current image slide out as the new image slides in. My code so far:
[Code]...
View 1 Replies
Mar 10, 2010
does anybody know a easy way to make image transitions in Flash CS4? without using the timeline and without to much programming. Why invet the wheel again if somebody already has the answer? This is what i want to do:Put images/photos in a folder or import to the Flash libary and then let flash view the pictures with a pre-setted transition. The transitions could be: fade in/ fade out, blur in/blur out, pixel in/pixel out, zoom in/zoom out and so on (with a nice look) I want to select the pictures to be used and then select a transition for each image.
For an example if i wanna do a image header lets say 900x400px and then vĂew my images in the folder with the selected transitĂon. I tried to use the slide presentation feature but the transition looked like PowerPoint, boring and not so smooth. Somebody has a simple and free solution? I know this is not to hard for a experienced Flash user, but im a beginner =).
View 5 Replies
