ActionScript 2.0 :: Portfolio With Externally Loaded Images Fading In And Out

Mar 5, 2010

I'm still an amateur at flash (more precisely, actionscript), how to do a simple gallery with static thumbnails which, when clicked, dynamically load an image into an empty movie clip, fading in and out (using actionscript)? By that I mean, click on a thumbnail, main image fades in, click on another thumbnail, loaded image fades out, image of clicked thumbnail fades in. Is it possible? I have successfully achieved thumbnails that load an image externally using both XML and using the ordinary loadMovie function, opting in the end for the loadMovie function and modifying AnaS' [URL] code (some of his comments are still in there). The reasons being that I'm not particularly concerned if I can't use XML for this, but I do want the images to load externally to save space.

I figure that the thumbnails are small enough in file size for me to afford to put them in, but just in case anyone think that XML is better for the job, I'm also including my XML file. On top of AnaS' code, I have added an if-else statement (lines 13-21) but, as I have said before, I'm an amateur, so I can get my head around the 'if' part of the statement, but haven't figured out the 'else' section (namely, the fade out). From what I have seen (I've been looking for the solution for a long time), most people just settle for fading the image either in or out, but rarely both. If there IS a gallery with both fades, it is usually done professionally and the code is either unavailable or goes over my head.

How to click on a thumbnail and load and unload the image using in and out fades. I have seen something which is almost what I need (both fade in and fade out are present) in the form of Kirupa's XML gallery, but I wanted to make mine just the bare essentials and really simple (i.e., no carousel/sliding effects). I just noticed that there is no tutorial for something like this. Kirupa has two very, very good tutorials (the XML portfolio, which is very simple, and the XML gallery with the slide, which is quite advanced) but not an 'in-between' one, such as the one I'm trying to create. [URL]. I have an empty movie clip ('loader') and three thumbnails ('thumb1', 'thumb2' and 'thumb3') on the stage.

My code:
this.onEnterFrame=function() {
if (loader._alpha <100) {
loader._alpha += 5;
} /*else {
if (loader._alpha > 0) {
loader._alpha -= 5;
[Code] .....

View 2 Replies


Similar Posts:


ActionScript 2.0 :: Three MovieClips On Stage - Fading Loaded Images

Jun 9, 2010

I'm still new to flash and I'm working on image transition. I have 3 movie clips on the main stage, frame 1. The 3 clips are called 'mc1', 'mc2' and 'mc3'. I've managed to load images in to the 3 movie clips by calling a php script (Select.php) to pass the image paths back to my flash movie in an array. This is all the actionscript I have on frame 1:

Code:
myVars = new LoadVars()
// Load the vars from the external Php file
myVars.load("Select.php")
myVars.onLoad = function(success) {
// Split the variables
[Code] .....

This seems to work ok. Now I want to fade the images in rather than have them just pop up. I think I'll need to put in some kind of pause to wait until the images are loaded before I try any fading but I don't know how to do that. What I need to do to fade my images in once they have loaded rather than just have them pop up?

View 5 Replies

Previewing Externally Loaded Images?

Jul 30, 2009

I was wondering if there was a way in Flash to preview externally loaded images in Flash while still working.I am loading images externally to keep the file size down on a piece of elearning but now I'm afraid maintenance will be a nightmare since you don't actually see the screens until you publish. I have interactions on the screens so I need to see them for their placement on screen.

View 5 Replies

Flash :: Allow Smoothing In Externally Loaded Images?

Mar 5, 2010

In Flash, I can go into the properties of an image in the library and check 'allow smoothing' to enable resampling when the image is scaled or rotated.

How can I achieve the same effect for images loaded dynamically by the SWF from an external URL?

View 2 Replies

ActionScript 3.0 :: Crossfade Externally Loaded Images?

Nov 11, 2008

I've been looking into how to crossfade externally loaded .jpgs.So far everything I have found deals with slideshows and seems more complicated than what I need.I have created a new Loader that will load a .jpg when the thumbnail of the corresponding image is clicked.I am trying to get the currently loaded image to crossfade upon load completion of the new image being loaded.I'm thinking I can define a variable that is the current image in the loader and then on completion of loading of the new image run a function that fades out the current image and fades in the new image simultaneously.I am having problems trying to identify the currently loaded image of the loader into a variable.

View 2 Replies

ActionScript 2.0 :: Make Externally Loaded Images Clickable?

Jan 14, 2009

I've created an empty movieclip (imgHolder) dynamically on my stage and through XML I've loaded a picture into this movieclip which works fine. However, if I click on the picture, nothing happens.

This is what I scripted so far...

Code:
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {

[Code]....

View 5 Replies

ActionScript 2.0 :: Random Image Fader With Externally Loaded Images

Nov 14, 2006

i've got this header in a website that's got images fading in and out of each other. btu now i want them to be loaded externally and randomly. but still fading in and out of each other.i did foudn a post that loads the images externally from a folder and loads any image that's in that folder, but it doesnt work in my version of Flash 8.0 Pro.Does anyone know any good script or short tuto (since time is short) that's makes the movie behave like i want it to?

View 5 Replies

ActionScript 3.0 :: Code A Cross Fade Between Externally Loaded Images?

Aug 14, 2009

I'm current trying to create a slideshow with images loaded externally, and then crossfading between one another.I've achieved how to load the images one after another, but however I'm having problems with achieving a crossfade.Do I need to have 2 seperate image loaders? Because I do not want to have the first image fade out, showing the background for even a minute of a second before the second one fades in.

View 2 Replies

ActionScript 2.0 :: Loading Background Images (Externally Loaded) & Timer

Aug 1, 2011

I have a few questions... All of which have to do with this website: [URL] 1) First off, is there any way to pre-load externally loaded .jpg's so that there is no time delay between each background image? (You can see what I mean by clicking the "-" and "+" buttons on the bottom left corner. Here is the code that I'm using for the background images/buttons:

[Code]...

View 4 Replies

ActionScript 3.0 :: Xml Portfolio Multiple Images?

Jun 28, 2009

I kinda got a problem with my xml portfolio image loader. I want to load multiple images and the images have a thumbnail and a big image. loading the thumbnails works, but what do i have to write in the mouse down handler to let it work right? since i really got no idea how to pick the right image :Othis is how my xml file looks like:

Code:
<?xml version="1.0" encoding="UTF-8"?>
<portfolio>

[code]......

View 1 Replies

ActionScript 3.0 :: Portfolio - How To Get Images As Buttons And Set TextField

Feb 4, 2009

I'm making a portfolio using XML and AS3. Loading the XML is all fine, I put images in a loader using a for loop. However, I would like these images to be buttons and set a TextField.alpha at 1 when hovering the image. The problem I'm having here, is whenever I hover an image, all the set textfields will show up. How do I change this? I've been trying to put it into an Array with no result.

View 1 Replies

Professional :: Preloader For Portfolio - Stutters On All The Images

Jan 11, 2011

I have created a portfolio with flash using action script 2. But when I click on the button going to the portfolio Scene (containing pictures and tweens) it stutters on all the images when they are first clicked on. As the image increases in size, it is a smooth tween until the one from last frame which it stops then flashes on to the final frame. Is there a way I can preload all the images so that this will not happen? Or anything else I could do?

View 1 Replies

Actionscript 3 :: XML Portfolio Images Stack On Top Of Each Other Instead Of Being Terminated

Feb 13, 2011

i recently started to learn AS3 and i decided to make a portfolio website with it. I am loading the information about the websites i created from an external XML file.Everything its working well but when i load a new picture to the stage the previous picture remains there which in my understanding it shouldn't happen. As i understood from Adobe's AS3 Guide once you create a new instance of a loader, the previous one should be erased.

I've been looking all over the place for a solution but i can't find one that will work. I tried using the .unload class and i tried removeChild as well but it keeps giving me errors.

[Code]...

View 1 Replies

ActionScript 3.0 :: Unloader Visible Online - Portfolio Images Don't Appear

Oct 25, 2009

i'm using uiloader to load my portfolio images... and when i test my movie the images appear, but when i put them online they don't... all my site is ok but my portfolio images just don't appear... i don't know if i'm missing some code... here's what i have in my actions layer:

[CODE]...

View 0 Replies

ActionScript 2.0 :: Preloading Flashvars - Ensure That All The Content Being Loaded Externally Is Loaded Before The Transition Plays?

Aug 30, 2005

I am in the process of building a site for an Architect... Jamie Fobert Architects (projects) I am useing transitions between the projects and am loading details/text and images externally through flashvars, php and a mySQL database. Within my transitions I have a a preloader on the forst 2 frames the code is as follows (taken from a Voetsjoeba tutorial):

[Code]....

This works pretty well if the content is within the .swf, but when it is loaded externally it doesnt preload it at all. Does anyone know how I can adapt/improve this preloader? or somehow ensure that all the content being loaded externally is loaded before the transition plays?

View 2 Replies

ActionScript 3.0 :: Getting Errors! Manage To Create A Loader To Load The Images Of Portfolio?

Apr 8, 2010

I'm new in the flash world. I'm trying to set up my website but I keep on getting errors! I manage to create a loader to load the images of my portfolio, first I couldn't remove the previous image, when I loaded the second one, the first one was still there. Now it seems to disappear when I added the line removeChild(loader1). BUT I still get a message in the output panel:

ArgumentError: Error #2025: The supplied DisplayObject must be a child of the caller. at flash.display::DisplayObjectContainer/removeChild() at prueba3_fla::MainTimeline/clickF2()

I don't know if this is going to be a problem in the future or not. I don't have any idea of what this message is talking about

[Code]...

View 16 Replies

ActionScript 3.0 :: Online Photography Portfolio - Scalable Full Screen Images

Jun 7, 2010

I am currently building myself an online photography portfolio. I want scalable full screen photos. The only problem here is, photos are different sizes and landscape/portrait. This is what I have so far. [URL]. If you resize the browser to a different ratio to the landscape image, you see black margins top and bottom. I want the image to always bleed.

This is what I have used:
ActionScript Code:
//resize image function setImageSize():void {
// Portrait image
if (imageLoader.height>imageLoader.width) {
imageLoader.height=stage.stageHeight-thumbBase.height;
imageLoader.scaleX=imageLoader.scaleY;
[Code] .....

For a portrait image, I want to show the margins so I am happy how it is for portrait.

View 3 Replies

IDE :: Fading Images Using Actionscript

Sep 8, 2007

how to have say... 5 images fading from one to another, looping using action script. I found a tut which does it using tweening, that's simple enough but apparently action script will reduce the file size and make it smoother.

View 14 Replies

ActionScript 2.0 :: Externally Loaded Swf Does Not Stay Loaded?

Feb 16, 2006

I am loading an externally loaded swf that uses a mask to transition in. When the user clicks a different button I am doing a gotoAndPlay that goes to a mask that "unloads" the content (it doesnt actually unload the info is just outside of the mask area. As soon As I jump to that section the movie is no longer loaded and just shows the container clip that I had created for it. The Container Clip is never changed and is the same throughout the whole process. The only thing that changes is the mask animation.I have tried both loadClip and loadMovie but no luck on keeping the clip loaded.

EDIT - I have narrowed it down. When I change the mask movieclip the movie unloads for some reason. Is there a way I can keep it loaded?

View 2 Replies

ActionScript 2.0 :: Preloading Images And Fading?

Jul 19, 2004

I�ve made this photo galery but i�d like to add some extra things but don�t know how to do it.

#1 - a preloader for the image loading,

#2 - make the image to show gradually like fading in in the box.

View 1 Replies

ActionScript 2.0 :: Fading Images With Mouse Click?

Apr 15, 2009

I'm trying to do an animation in which 4 images will fade from one to the other. The problem is that they need to fade on a button command as opposed to a timed base. Meaning... there will be four buttons on top of the images, pretty much like onbut instead of the images going away and then having the new one come in, they have to fade from one to the other. Since the user can go from one to the next randomly, the image that's displaying has to fade out and the image whose number the user clicked has to fade in on top.

View 1 Replies

Flash :: Loading External Images Then Fading Between Them?

Aug 16, 2010

I'm using the Loader class in AS3.0 to load external images. I need to load a random image each time and I'm using a timer to load a new image after 5 seconds or so. When I load the first image,

[Code]...

The problem is that my fading routine does not work. One image loads, and the next one appears straight away when it is finished loading.

My code feels like a bit of a hack...is there a nicer way that actually works...?

View 2 Replies

Flash :: Fading External Images In An Array?

Nov 19, 2010

I am trying to take ten images, load them into an array, and then show them one at a time,fading out each one in turn. I keep getting this error.

ReferenceError: Error #1056: Cannot create property alpha on String.
at fl.transitions::Tween/setPosition()
at fl.transitions::Tween/set position()
at fl.transitions::Tween()

[Code]....

View 2 Replies

ActionScript 2.0 :: Fading Fullscreen Background Images?

Apr 11, 2011

I'm currently working on this site, which was made on a linear timeline and just rewinds and fast fowards to the frame with each page on [URL]

This was done with limited Actionscript, but now I need to redo it almost entirely in AS

I figure I need to keep everything on one frame (separate vertical frames, but no animation horizontally) and create movieclips for each page's content and tell it to fade in the content of whatever page is clicked on the nav, and fade out the rest. I will also need to do the same, but with the background images in fullscreen. I also have a problem with the bottom nav. It adjusts to window height on resize, but I can't get it to adjust automatically.

So how do I

1. Tell the movieclips to fade in and out when a button is clicked

2. Get the background images to fit full screen, and also fade in/out for each page

3. Get a movieclip to adjust to screen size without using onResize

View 0 Replies

ActionScript 2.0 :: Fading Images In Photo Gallery?

Sep 15, 2006

I already created my photo gallery with : down thumbnails and up a display with the big picture appearing when I pass my mouse over the thumbnails. Till now the pictures are just appearing in the display with no effect . How can I make them appear fading in the main display. May'be see my fla for better idea.

View 3 Replies

ActionScript 2.0 :: Fading External Images Onto Stage?

Mar 20, 2007

my Flash file loads 1 of 6 random images onto the stage when it loads using the following code, how can I make the random images fade onto the stage? Starting at alpha 0 and ending at 100?

[code]
var myClip = this.createEmptyMovieClip("mcl", this.getNextHighestDepth());
var myLoader = new MovieClipLoader();
var myListener = new Object();

[Code]....

View 1 Replies

ActionScript 2.0 :: Fading Attached Images From Array

Aug 8, 2008

I'm working on a little slideshow that loads images on an interval. The images load on the stage fine. But there are no transitions. I want it so it fades. But at the moment they just go on the stage.[code]...

View 14 Replies

ActionScript 3.0 :: Fading In External Swf Over Loaded Swf?

Sep 9, 2009

I have an main index.swf that loads external swfs. In these external swf timelines I have fade ins of its content and artwork, so what I'm trying to do is simply have these swfs load over the current loaded one without starting from a blank space, and then I'll remove the replaced swf with removeEventListener(Event.ENTER_FRAME, onEnter);. But I can't figure out how to get the clips to load over each other with my current code.

I'm attempting this by loading them into movieclips. I can't quite figure it out using muliple Loader's, which I'm sure is a way to acheive this.

What happens thus far: the loading swfs replace the current loaded swf, but the loaded swf is blank every other click, and even without the alpha event handler code the swf just replaces the current swf in its movieclip from blank space.

[Code]...

View 1 Replies

ActionScript 3.0 :: Endless Loop Of Cross Fading Images?

Mar 2, 2009

I've always struggled with this for some reason, but say I have 5 images loading from XML. How would I make it so they would cross fade each other on an endless loop? I can make it so it gets to the end by loading them on top of each other and then fading each one out, but once I get to the end I'm lost.

View 1 Replies

IDE :: Fading Stops Working On Thumbnails/main Images?

Mar 29, 2009

got the fading working on an xml driven gallery i made, but after clicking the images a few times the fade effect gets faster and faster and eventually stops working.

link to test file:

[URL]

code: (all in one frame)
Code:
var showVar = new Number();
var fadeDone = new Boolean();
showVar = 0;

[Code]....

View 2 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved