Flash :: Image Slideshow Using FlashMX

FlashMX 2004/XML Slideshow
Hi, I am a noob to the flash XML stuff. I have been working on a website for a local realtor and I am tring to setup a flash slide show for their listings. I got the slideshow working but I am having problems getting it to be automated with controls could someone help me please? Here is the code I have so far--

Code:

slides_xml = new XML();
slides_xml.load("slideshow.php");
slides_xml.onLoad = startSlideShow;
slides_xml.ignoreWhite = true;
//
// Show the first slide and intialize variables
function startSlideShow(success) {
if (success == true) {
rootNode = slides_xml.firstChild;
totalSlides = rootNode.childNodes.length;
firstSlideNode = rootNode.firstChild;
currentSlideNode = firstSlideNode;
currentIndex = 1;
updateSlide(firstSlideNode);
}
}
//
// Updates the current slide with new image and text
function updateSlide(newSlideNode) {
imagePath = newSlideNode.attributes.jpegURL;
slideText = newSlideNode.firstChild.nodeValue;
address = newSlideNode.attributes.address;
city = newSlideNode.attributes.city;
zip = newSlideNode.attributes.zip;
loadMovie(imagePath, targetClip);
}
//
// Event handler for 'Next slide' button
next_btn.onRelease = function() {
nextSlideNode = currentSlideNode.nextSibling;
if (nextSlideNode == null) {
break;
} else {
currentIndex++;
updateSlide(nextSlideNode);
currentSlideNode = nextSlideNode;
}
};
//
// Event handler for 'Previous slide' button
back_btn.onRelease = function() {
previousSlideNode = currentSlideNode.previousSibling;
if (previousSlideNode == null) {
break;
} else {
currentIndex--;
currentSlideNode = previousSlideNode;
updateSlide(previousSlideNode);
}
};
and here is the XML doc --

Code:

<Slides>
<slideNode jpegURL="images/1818ChiprockFront-3.jpg" address="1818 Chiprock Dr" city="Marysville" zip="43040">$259,900.00 </slideNode>
<slideNode jpegURL="images/44EBomfordfront-3.jpg" address="44 E. Bomford" city="Richwood" zip="43344">$119,900.00 </slideNode>
<slideNode jpegURL="images/16518lakewoodlanefront-3.jpg" address="16518 Lakewood Ln" city="Marysville" zip="43040">$224,900.00 </slideNode>
<slideNode jpegURL="images/976Militaryfront-3.jpg" address="976 Military" city="Galloway" zip="43119">$227,900.00 </slideNode>
<slideNode jpegURL="images/31195 sr37front-3.jpg" address="31195 SR 37" city="Richwood" zip="43344">$136,900.00 </slideNode>
</Slides>

Flashmx Slideshow {back Btn}
I have a flash SLIDE show presentation and need to implement a BACK btn.
BUT, i need it to go to the previously viewed slide and not the previous of the slide sequence.

As the presentation is interactive the user may have chosen to go to various slides and not necesseraly in order, so the BACK functionality must be like a internet browser functionality. - ie "go to previous viewed".

I am very new to Actioscript but with good programming background.

Need feedback...

tks
John

Photo Slideshow With XML - Image Gap On First Cylce Through Slideshow
Hello,

I am new to this site, and I went through the tutorial on this site, "Photo slideshow using XMl and Flash, " http://www.kirupa.com/developer/mx20..._slideshow.htm
but I encountered a problem where my images lag the first time they cycle through all the images in the XML file.

The first time the flash page loads and starts the slideshow, I don't want the gap between the transitioning of the images where the movie backgound shows. I think it has something to do with the images loading for the first time, so I tried to load each picture in a different movieclip with an alpha of 0 before the slideshows starts, but it didn't work and there is still the gap between the images the first time the pictures cycle through the slide show.

Please offer any advice on how to stop the image lag the first time the slideshow cycle through all the images in the XML file.

Arg....image Compression Flashmx
G'day

Im about to tear out my hair!

story:
ive created some images

and i can save these images as gif,png or jpg

*which is best for f-mx?
*and i convert them into symbols..and i export the movie..the buttons look..crap...i mean not as clear as the originals - they have blemeshes on them - i thinks its the compression - i have changed the propertie quality to 100 and turned smoothing on and off...and turn lossless and jpeg on and of...but to NO LUCK! ARGGG!!! *belts head on table a few times*
*i have saves the jpgs as 100 % quality
*gifs = 256 colours
*png = 32 bits quality

can someone please help??

Getting Image Size Of External Jpg FlashMX
Situation:
1. I'm making a photo album.
2. Each photo has a different size.
(totally unknown before hand)
4. Each foto is either landscape or portrait.
(totally unknown before hand)
5. Once loaded an image gets a frame around it.
This frame is a library image that can be resized
to fit around the photo's.
6. I'm not trying to rescale or resize a single
loaded photo!

The Question:
I'm trying to get the size information out of the loaded images. I would guess that somewhere in the code below one of the many trace() commands would give me the 'photo-pixel-width' and 'photo-pixel-height'. But they all return zero or infinite. I want to use this information to be able to resize the frame (see above) the photo will get. I'm not tying to resize OR scale the external photo/jpg.

The current code:
_root.createEmptyMovieClip("empty_spot",0);
_root.empty_spot.loadMovie("photo.jpg");

trace(_root.empty_spot._x);
trace(_root.empty_spot._y);
trace(_root.empty_spot._height);
trace(_root.empty_spot._width);

clipBounds = _root.empty_spot.getBounds(_root);
trace(clipBounds.xMin);
trace(clipBounds.xMax);
trace(clipBounds.yMin);
trace(clipBounds.yMax);

The trace output created by FlashMX:
0
0
0
0
-107374182.4 (guess this means infinite?)
-107374182.4 (guess this means infinite?)
-107374182.4 (guess this means infinite?)
-107374182.4 (guess this means infinite?)

p.s. When the code is run, the photo is displayed on screen.

Where am I going wrong?
Thanks, DeMuizen

[FLASHMX] Scripting For Image Effects?
can anyone point me in the direction of a script that loads as such on this website:
http://www.tronicstudio.com

-go to "collection"
-click on the image and see how the images are broken into long rectangles that then builds itself up to form the complete image.

how is this done?
where can i find the script if it is at all?

thanks.
jonathan
http://www.archi-tectonics.com

FlashMX Won't Let Me Import A 1px Wide Image
I have been trying to import a .png that has dimensions 1/24 pixels. The import seems to work but then clicking the item in the library crashes flash.

Anyone else experienced this?

Any solutions?

Cheers, James.

[FlashMX] Actionscript To Copy Part Of An Image?
Hello,

I'm looking for a way to select an arbitrary rectangle from a Graphic Symbol (or Movie Clip) in an arbitrary layer and to copy and paste it somewhere else.

Any pointers would be appreciated and apolgies if I have overlooked this in another posting.

thanks,
Tony

The Best Quality Image Format To Import Into FlashMX?
Hello all,

I have created a vector graphic in Adobe Ilustrator and I would like to keep the same quality when importing it into Flash (MX)

What is the best way to do this?

Thanks very much.

FlashMX Png Image Shows White In Movie Clip
First you have to know that my FlashMX knowledge is limited. I worked with SwishMax but change is humongous. My clients wanted me to customize certain fla file. I said ok but I encountered few problems. I had no trouble replacing text and certain colors however I had problem replacing png bitmap images inside of fla file.

Ok I had no problems replacing png image for certain effects and similar. In library I just updated png I modified in Photoshop and no trouble there, but at the end of the fla file is movie clip with that png image inside of it and it shows white circle where circle logo should be.

How should I make this png image in Photoshop?
How can I just edit png file from library using Photoshop because it tells me no such file in that folder?

In library there is 2 things logo.png and logo movie clip when I export to swf shows just white circle for movie clip.

I am saving png with no matte in Photoshop of course.

Muchos Thankious

Image Slideshow Cant Remove Previous Image
Hi there I have a basic image slide show loading external images that fades out after each image and then I want to load the next image. However I can't figure out how to remove the old image, at the moment when the image fades out you can see all the previous images fading out too.

Here is the code I am using:

Code:
var imageNo:Number = 1;

ImageLoad("images/home/" + imageNo + ".jpg",imageHolderMC);

// image preloader
function ImageLoad(u:String,target){
var targetClip = target;
var _loader:Loader = new Loader();
var request:URLRequest = new URLRequest(u);
_loader.load(request);
targetClip.addChild(_loader);
_loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loadProgress);
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);

}

function loadProgress(event:ProgressEvent):void {
var percentLoaded:Number = event.bytesLoaded/event.bytesTotal;
percentLoaded = Math.round(percentLoaded * 100);
}

function completeHandler(event):void {
imageHolderMC.alpha = 1;
imageHolderMC.addEventListener(Event.ENTER_FRAME, fadeOut);
function fadeOut(evt:Event):void {
if(imageHolderMC.alpha > 0){
imageHolderMC.alpha -= .02;
} else {
imageHolderMC.removeEventListener(Event.ENTER_FRAME, fadeOut);
imageNo++;
ImageLoad("images/home/" + imageNo + ".jpg",imageHolderMC);
}
}
}
I think it is something to do with removeChild() but I can't figure out where to put it.

Any help would be really er... helpful!

Cheers,

Bob

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?

What Is The Differance Betwwen Flashmx & Flashmx 2004( ACTION SCRIPT)
hi everybody,

i know that u will c my question as a general question ,

so i hope i can find a simpla answer for it ,

so i want to know the differance between flashmx actionscript & Actionscript 2.0 , cause i find that its a little bit harder , and i didnt know how to switch between the begginer and the export mode in coding.

Getting Slideshow Button To Go From Last Image To 1st Image...
and vice versa.

Instead of using the left and right arrow keys, I have buttons that call the functions of nextImage() and previousImage().

Here's the problem: I want the user to be able to jog through all the images and when they hit the last one, the next "next" click takes them to the beginning.
-and-
if the user is on the first image, clicking the "back button" takes them to the last image.

One more thing. --------------->
I need to interval (myInterval) to reset (but not stop the slideshow) everytime a "back" or "next button" is clicked.

I've tried the clearInterval(myInterval), but no luck.

I've attached all the files that I am working with.
Thank you in advance for all of your help.

Xml Image Slideshow Help
Hello,

I have gotten the basics of working with XML in AS 3 down, and I have been so far able to load different bits of text from an external xml file to my flash movie, but I am stymied on getting images to load...can someone take a quick look at this and let me know what lines of code I am missing, or point me in the right direction?

Right now I just have three pics in my xml file so I can work out how to do this in the first place...

XML file is structured like this:

<images>
<pic>img/img0.jpg</pic>
<pic>img/img1.jpg</pic>
<pic>img/img3.jpg</pic>
</images>

AS 3 Code:

Code:
import flash.display.Sprite;
import flash.events.TimerEvent;
import flash.utils.Timer;
import flash.net.URLLoader;
import flash.net.URLRequest;

var xmlLoader:URLLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("images.xml"));

var xmlData:XML = new XML();

function LoadXML(e:Event):void {
xmlData = new XML(e.target.data);
ParseImages(xmlData);
}

function ParseImages(imagesInput:XML):void {
trace("XML Output");
trace("-------------------------");
trace(xmlData.pic.text()[0]);
}

var imageLoader:Loader = new Loader();
addChild(imageLoader);

var timer:Timer = new Timer(1000, 30);
timer.addEventListener(TimerEvent.TIMER, imageLoad);

timer.start();

function imageLoad(e:Event):void{
var length = xmlData.pic.length();
var i = 0;
while(i < 3){
imageLoader.load(xmlData.images.pic[i]);
i++;
trace("Image" + i + "Loaded");
}
}
thanks,
varPBR:Tasty

Image Slideshow
I'm trying to have 5 images (right now 4 and 5 are commented out) each fade in, then disappear, then the next fades in. Right, now, only my first image fades in.

ActionScript Code:
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.events.TimerEvent;
import flash.utils.Timer;

var store1_mc:MovieClip;
var store2_mc:MovieClip;
var store3_mc:MovieClip;
//var store4_mc:MovieClip;
//var store5_mc:MovieClip;
var imageRequest:URLRequest;
var imageLoader:Loader;
var minuteTimer:Timer;

store1_mc = addImage("store1.jpg", 0);
store2_mc = addImage("store2.jpg", 0);
store3_mc = addImage("store3.jpg", 0);
//store4_mc = addImage("store4.jpg", 0);
//store5_mc = addImage("store5.jpg", 0);

TransitionManager.start(store1_mc, {type:Fade, direction:Transition.IN, duration:2, easing:Strong.easeOut});

minuteTimer = new Timer(4000);
minuteTimer.addEventListener(TimerEvent.TIMER, onTimerFired);
minuteTimer.start();

function addImage(imageURL:String, imagePosition:Number)
{

var image_mc:MovieClip
image_mc = new MovieClip;
imageRequest = new URLRequest(imageURL);
imageLoader = new Loader();
imageLoader.load(imageRequest);
image_mc.addChild(imageLoader);
image_mc.x = imagePosition;
image_mc.visible=false;
addChildAt(image_mc, 0);
return image_mc;
}

function onTimerFired(event:TimerEvent):void
{

if (store1_mc.visible == true){
store1_mc.visible = false;
store2_mc.visible = true;
}

if (store2_mc.visible == true){
store2_mc.visible = false;
store3_mc.visible = true;
}

if (store3_mc.visible == true){
store3_mc.visible = false;
store1_mc.visible = true;
}
}

Image Slideshow
Hello to all,

I recently obtained some brief instructions from this forum about how to create a flash effect such as on the following website:-

null

The instructions given were:-

1. Import images
2. Convert each to a symbol
3. Drag an instance of each to the stage on its own layer.
4. create a 2nd keyframe down the timeline.
5. Position the image in the 2nd keyframe somewhere else.
6. Apply a Motion Tween.

I am very new to flash and this seems a little brief to me. However, I have managed to decipher some of the instructions above and create some effects. How do I create the 'slide in' effect in which an image slides in from the left over the previous image?

The only help I can see anywhere on the web is about fading an image, but nothing about creating a slide in effect similar to that on the this website null

Any help I would be really grateful, coming from a novice at using Flash 8.

Kind regards to all,
Jeff

Image Slideshow...help.
I tried to create a slide show following the instructions on this website: http://www.layersmagazine.com/flash-slideshow-image-gallery.html
I'm having trouble with the Action Script because when I try to debug my flash file, under Description it says: 1119: Access of possibly undefined property onRelease through a reference with static type flash.display:SimpleButton. While under Source it says: next_btn.onPress=function(){ and the same thing for last_btn.onPress=function(){
I would really appreciate it if someone would help me with it...

Thank you!

About A Image Slideshow
dear

fellow

can u tell me one thing, how to call an external jpeg file in a thumbnail and on click event showing the same image with greater dimension along with the text file

Xml Slideshow With Only One Image
okay, I know most slideshows have more than one image, but when the slideshow only has one, it blinks on and off. The problem is I am using this in a cms tool that pulls the files dynamically so i will sometimes have more than one,but other times, only one. anyone have a solution?

http://www.kirupa.com/forum/showthread.php?t=81020

[help] Image Slideshow
hi, i tried the search once, but i couldnt find wat i was looking for .. so here goes my problem..

I want to make an image slideshow with 5 images and a specified duration and also 5 buttons to jump to any of the 5 images.

so my flash script goes like

Code:
///////////////////////////////////////////////////////////////////////////////////
intervaltime = 15000;

changescreen(1); // display the first image

function wait()
{

clearInterval(myTimer);
myTimer = 0;
changescreen(++p);
fl=1;
loaded = 0;
// set image alpha to 0
}
function tracethis()
{
loaded = 1;
trace("loaded = " + loaded);
myTimer = setInterval(wait, intervaltime); // set the time interval till next image
}

function changescreen(n)
{
if(n>5)
{n=1;}
newvars.load(url+"?id="+n);
clearInterval(myTimer); // clear the time interval (this is needed if the image was changed by mouse click)
newvars.onLoad = function()
{

_root.screen.textVar1 = this.textVar1;
_root.screen.titleVar1 = this.titleVar1;
_root.screen.imageloader.loadMovie("flash/images/img"+n+".jpg");
_root.screen.imageloader.onLoad = tracethis();
}

p=n;

}
onEnterFrame = function()
{

if(loaded == 1)
{
//image has loaded
// change the image alpha to 100

}

_root.preloader.pl_bar._x = -50 + (bytesloaded*100)/TotalBytes; //display the pre loader
}

// code to change the image on mouse click..

///////////////////////////////////////////////////////////////////////////////////

It turns out that the timer is running while the image is being loaded. Which means that it doesnt wait 15 seconds after the image has loaded. Even worse , if the image take longer to load , the timer just runs out and goes to the next image. I cant understand how to correct this problem, coz timer is cleared as soon as the function changescreen() is called.. plz help me out with this..

Image Slideshow
I want to create a banner for a website that will include a series of images that I want to play in a loop, fading into one another. I've seen this on a few websites but don't know much about flash or how to do it.

I'm presuming Flash is the technology to do this although would it also be possible or better/worse to do this using spry?

Could someone please point me in the direction of a good resource to show me how to build this functionality.

Thanks.

Image Slideshow PLS HELP
Iâ€™d like to create an image slideshow but not sure if what Iâ€™m doing is the right way to go about it!

Iâ€™ve started a new project and set my document frame rate to 15fps

Eg: http://www.blimpmedia.com.au/flash8/image01.jpg

I then added on Frame 1/Layer 1 my audio track (Which is a song Iâ€™d like to use) and added extra frames so that I can see the wav on the audio.

http://www.blimpmedia.com.au/flash8/image02.jpg

Now Iâ€™d like to listen to my song and add marks on the beats where Iâ€™d like the image to change. I canâ€™t seem to work out how to stop and start my frame guider.

http://www.blimpmedia.com.au/flash8/image03.jpg

The only way I seem to be able to do this is by placing the frame guide on the first frame and hitting the ENTER key on my keyboard. The problem that lies here is that every time I use this option, Iâ€™m unable to stop the music, the only way it will stop is by waiting for it to play to the end or doing a test movie (ctrl+enter) and cancelling the movie playback.

I want to be able to play the song and add my markers without having to stop start all the time, is this possible?

So at this stage the way I am adding changes on a beat is by pressing ENTER on the timeline and roughly remembering which frame number that beat was on. I then add a key frame on that beat to make the images change to the beat.

Eg: http://www.blimpmedia.com.au/flash8/image04.jpg

Image Slideshow
hi there,

I'm still quite new in flash and I'm building an image slideshow with preloaders?
the thing I wanna have is: an xml gets preloaded with the path information of the images! all images storaged in an array. and after a few seconds the next image fades in!

so...
I think I'm well on my way... I've preloaded the xml and on click on stage I'm preloading an image, the image fades in with tweener. if I click a second time the current image fades out and the next image gets preloaded and fades in!

only thing I don't know is how to handle the thing with preloading all other images in the background! I don't want it to fade out, preload and fade in...i want it to fadeOver to the next image! How can I achieve that!

Code:

//Stage Properties
stage.scaleMode = "noScale";
stage.align = "TL";

//Classes
import flash.display.*;
import flash.net.URLRequest;
import flash.events.*;
import caurina.transitions.*

//Preloader Textfield
var tf:TextField = new TextField();
var format:TextFormat = new TextFormat();
tf.x = 0
tf.y = 0
format.font = "Verdana";
format.color = 0x000000;
format.size = 12;
format.align = "center";
tf.defaultTextFormat = format;
tf.selectable = false;
tf.width = 45;
tf.background = true;
tf.backgroundColor = 0xFFFFFF;
tf.height = 20
addChild(tf);
tf.visible = false

//Loderobject for Photopreload
var fotoloaderobject:Loader = new Loader();
addChild( fotoloaderobject );
fotoloaderobject.alpha= 0
fotoloaderobject.contentLoaderInfo.addEventListener( Event.OPEN, handleOpen );//...nach dem Start des Ladens...
fotoloaderobject.contentLoaderInfo.addEventListener( ProgressEvent.PROGRESS, handleProgress );//...kontinuierlich wÃ¤hrend des Ladevorgangs...
fotoloaderobject.contentLoaderInfo.addEventListener( Event.COMPLETE, handleComplete );//...nach Abschluss des Ladevorgangs...
//Loderfunctions
function handleOpen( event:Event ):void
{
   tf.visible = true

}
function handleProgress( event:ProgressEvent ):void
{
   var percent:Number = int(event.bytesLoaded / event.bytesTotal * 100)
   tf.text = percent +"%";
}
function handleComplete( event:Event ):void
{
   tf.visible = false
   Tweener.addTween(fotoloaderobject , {alpha:1, time: 2})
}

//XML Loaderobject
var loader_xml:URLLoader = new URLLoader();
loader_xml.addEventListener(Event.COMPLETE, onLoaded)
//@stageClick --> next image
stage.addEventListener(MouseEvent.CLICK, changeObject);

//XDefinig XML
var xml:XML;
//Array for storage
var xa:Array = new Array()
//CurrentPic Integer
var cp:int = 0
function onLoaded(e:Event)
{

xml = new XML(e.target.data);
var il:XMLList = xml.path;
//For loop to buffer xml
for (var i:uint=0; i<il.length(); i++)
{
   var co:Object = new Object();
   co = il.text()[i]
   xa.push (co)
}
output(xa[0])

}
//Function to load images
function output(c:Object):void
{
fotoloaderobject.load( new URLRequest( xa[cp] ) );
}
//Next image
function changeObject(e:Event):void
{
Tweener.addTween(fotoloaderobject , {alpha:0, time: 2, onComplete: nextimg})

function nextimg() {
if(cp == xa.length - 1)
   cp = 0;
else
   cp++;
output(xa[cp]);
}

}
loader_xml.load(new URLRequest ("images.xml"));

thanks for your help

Image Slideshow
I'm working on a slideshow in Flash 8. I want it to have images go to the left, and then slow down, stop, and go the other way. When you hover over an image, the animation stops, and the image scales bigger and is dominant over the images around it.

I've gotten most of that to work so far. The animation works, and the stopping and scaling of the images works too. But the dominance thing isn't working. I tried some code that allowed the instances to swap depths. But that would mess up the animation.

I searched all over the web, and found this forum, where someone had asked a similar question not too long ago. I tried to use the information in that thread to fix my problem but it didn't help.

This is the only code I have. I have it on a frame.

Code:

function stopTime() {
this._parent.stop();
this.gotoAndPlay("grow");
trace("stop time");
}
function startTime() {
this._parent.play();
this.gotoAndPlay("shrink");
trace("start time");
}
this.img001anim_mc.onRollOver = stopTime;
this.img001anim_mc.onRollOut = startTime;
this.img002anim_mc.onRollOver = stopTime;
this.img002anim_mc.onRollOut = startTime;
this.img003anim_mc.onRollOver = stopTime;
this.img003anim_mc.onRollOut = startTime;
this.img004anim_mc.onRollOver = stopTime;
this.img004anim_mc.onRollOut = startTime;
this.img005anim_mc.onRollOver = stopTime;
this.img005anim_mc.onRollOut = startTime;
this.img006anim_mc.onRollOver = stopTime;
this.img006anim_mc.onRollOut = startTime;
this.img007anim_mc.onRollOver = stopTime;
this.img007anim_mc.onRollOut = startTime;
this.img008anim_mc.onRollOver = stopTime;
this.img008anim_mc.onRollOut = startTime;
this.img009anim_mc.onRollOver = stopTime;
this.img009anim_mc.onRollOut = startTime;
this.img010anim_mc.onRollOver = stopTime;
this.img010anim_mc.onRollOut = startTime;
this.img011anim_mc.onRollOver = stopTime;
this.img011anim_mc.onRollOut = startTime;
this.img012anim_mc.onRollOver = stopTime;
this.img012anim_mc.onRollOut = startTime;
this.img013anim_mc.onRollOver = stopTime;
this.img013anim_mc.onRollOut = startTime;
this.img014anim_mc.onRollOver = stopTime;
this.img014anim_mc.onRollOut = startTime;
this.img015anim_mc.onRollOver = stopTime;
this.img015anim_mc.onRollOut = startTime;
this.img016anim_mc.onRollOver = stopTime;
this.img016anim_mc.onRollOut = startTime;
this.img017anim_mc.onRollOver = stopTime;
this.img017anim_mc.onRollOut = startTime;
this.img018anim_mc.onRollOver = stopTime;
this.img018anim_mc.onRollOut = startTime;

The timeline looks like this:
_root.
slideshow_mc.
img001anim_mc.
img001_mc

So there is a single movie clip on the root (slideshow_mc). Inside that movie clip is a bunch of images (each with it's own layer) (img001anim_mc). Those movie clips are animations of the images growing/shrinking. Inside them is the actual animation of (img001_mc) growing/shrinking.

I've tried putting code in the frame inside the slideshow that you see above. I've tried putting the swapDepths there. I've tried putting the swapDepths inside the img001anim_mc and referencing the parent. Both have given me the same exact result, the image that I hover over stays in place and the rest of the images keep moving.

Can anyone help?

Thanks so much!

How To Create Image Slideshow
Friends
I would like to create an image slideshow in my first page.
how can i do it using flash5.
is there any step by step tutorial available?
or can anyone help me in doing that.

thanks
sudhakar

How To Made A Image Slideshow?
1. How to make a photo slideshow which when i click on next button, the photo will change to next picture, but if i click on back button, the photo will go back to the previous one?

2. How to make a music from loud to silence slowly? i mean the sound fade out slowly...

Any help will be appreciate, please and thanks...

Problems With Slideshow, 2º Image.
I am with a problem in slideshow, am pulling 10 external images using "_ root", when I open my page "random.html", does not appear mine 10 images, it only shows 9 images to me, not showing the second image, and I can´t find the problem, I would like a little help, if possible.

Jump To An Image In Slideshow
I've made my slideshow and 'next' and 'previous' buttons to navigate through them. But as I have 89 images I want to be able to jump to a specific image. I.e. In a box I type '50' and that will jump to image number 50 and saves me having to click 50 times.

The images are in a seperate folder and an XML file is used to call them in. So is it just a question of assigning a value to each entry and calling that when the relevant number has been clicked? How would I go about doing this?

I was going to use the input text box, is this ok?

I'm on 2004 MX Pro BTW.

Thanks

Slideshow Image Loading...
ok I am using Macromedia Flash MX Pro 2004. I am using the template under new and the modern slideshow is what I am using. Since I have added a few more pictures, it takes longer to load so I am wanting to add a loading phrase or something for each picture... How would I do this?

XML Image Slideshow Preload?
Hey All,

I have built an image slide show [insert lame joke here] very similar to that found at.....

http://www.slideshowpro.net/

How do you all figure this application loads the images?

I have 90+ images fed by an xml reference but on the first load they all take sometime. I have one movieclip holder the images are loaded into. Is this the approach?

I could also see duplicating this clip into levels that would reside under each other so the next image could load while the first is displayed.

Any thoughts here?

As always any help here would be fanfriggintastic!
cheers
-jub-

Editing This Image Slideshow
I have the following slideshow:

Code:
this.pathToPics = "animation/";
// fill this array with your pics
this.pArray = ["image0.jpg", "image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpg", "image6.jpg"];
this.fadeSpeed = 20;
this.pIndex = 0;
// MovieClip methods ----------------------------------
// d=direction; should 1 or -1 but can be any number
//loads an image automatically when you run animation
loadMovie(this.pathToPics+this.pArray[0], _root.photo);
MovieClip.prototype.changePhoto = function(d) {
// make sure pIndex falls within pArray.length
this.pIndex = (this.pIndex+d)%this.pArray.length;
if (this.pIndex<0) {
this.pIndex += this.pArray.length;
}
this.onEnterFrame = fadeOut;
};
MovieClip.prototype.fadeOut = function() {
if (this.photo._alpha>this.fadeSpeed) {
this.photo._alpha -= this.fadeSpeed;
} else {
this.loadPhoto();
}
};
MovieClip.prototype.loadPhoto = function() {
// specify the movieclip to load images into
var p = _root.photo;
//------------------------------------------
p._alpha = 0;
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
var i, l, t;
l = this.photo.getBytesLoaded();
t = this.photo.getBytesTotal();
if (t>0 && t == l) {
this.onEnterFrame = fadeIn;
} else {
trace(l/t);
}
};
MovieClip.prototype.fadeIn = function() {
if (this.photo._alpha<100-this.fadeSpeed) {
this.photo._alpha += this.fadeSpeed;
} else {
this.photo._alpha = 100;
this.onEnterFrame = null;
}
};
With a left and right arrow, with code:

Code:
on (release) {
_root.changePhoto(-1);
}
&

Code:
on (release) {
_root.changePhoto(1);
}
I want to though have 6 buttons and when button 3 is pressed for example image3.jpg to fade in, and whatever is previously loaded to fade out... Anyone know how to do this using the above code?

Image Slideshow Question
Okay I'm no pro web designer, but I'm building a website for a company, and they want an image slideshow for some of their featured products.

Something along these lines: http://www.slaterdistributing.com/default.aspx

The above example seems to use some heavy javascripting to make the slideshow, but I was wondering if there was a way to create the same thing in Flash using actionscript, where flash would draw from a certain directory or filename to locate the images used.

Is this possible? And if so, could someone point me in the right direction?

Text On Image Slideshow
ok i have another question:

i have like a slide show of images now from a tutorial i used.

if i want text to overlay each image and not fade in or out (like the images do) how do i do this?

again thanks in advance.

[CS3] XML Image + Video Slideshow
Hi guys,

Maybe anyone could help me to add a video to my existing image slide show gallery.
Video and images are intend to be controlled with next-previous arrow buttons.

Here is the code I'm using
thanks

Code:
delay = 9000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("crystallize/crystallize.xml");
// ///////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
// ///////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 1.5;
}
}
};
var myInterval;
function nextImage() {
p++;
p %= image.length;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
clearInterval(myInterval);
if (playing) {
slideshow();
}
}
}
function prevImage() {
clearInterval(myInterval);
if (playing) {
slideshow();
}
if (p>0) {
p--;
} else {
p = image.length-1;
}
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
clearInterval(myInterval);
if (playing) {
slideshow();
}
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+"/"+total;
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
nextImage();
}
}
stop.tt.text = "STOP";
play.tt.text="PLAY"
playing = true
play.onPress = function(){
playing = true
nextImage()

}
play.onRelease =play.onReleaseOutside= function(){
this.gotoAndStop("_disabled")
this.enabled = false
}
stop.onPress = function(){
playing = false
play.enabled = true
clearInterval(myInterval)
}

Random Image Slideshow
Hi, I have a project for this company that requires an image slideshow to show 46 images, with small fade cuts separating each image. The way I have set up now, is just spread out on the timeline, and a very simple movie clip. I showed it to the president today, and he wants me the images to be shown at random so that they are not at all in the same sequence every time a visitor views the main page. I've looked at several random number generators and various other randomizers, and nothing appears to be controlled by just time. I found one that works by loading a different image every time the page is refreshed, but what I am looking for is for a new image to appear through a simple fade transition every 45 frames. I know the solution might require some very redundant coding because of the number of images, but i'm willing to make the sacrifice. any help?

Slideshow On/off In Image Gallery
hey all, hopefully someone can help me out on this, been frustrating me.

I have this image gallery made using actionscript and xml, implemented a slideshow function to it so if wanted you can turn the slideshow on and it will go through the images automatically, but I also want to be able to turn the slideshow off. I have the slideshow turning on ok and I have it so it turns off but for some reason, after i turn it off and I manually go through the images the slideshow will turn back on after a few clicks.

I have this code on the slideshow on button:

Code:
on(press){
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}
}
and using clearinterval on the off button:

Code:
on(press){
clearInterval(myInterval);
}
if anyone can give me a hand that would be awesome, thanks

Image Slideshow Scroller
Hey all, I'm pretty new here.
Would anyone be able to point me into the direction for designing an image scroller similar to this one BSU.edu

I'm working on a project for my company and they wanted something similar to this. Any help would be greatly appreciated. Thanks in advance!

Edited: 08/29/2008 at 12:17:05 PM by Narroway Graphics

Slideshow Image Transition
im trying to make an automatic slideshow with THIS image transition, however i do not want the scrolling thumbnails and the controls, can anyone tell me how to remove them and just make the slideshow automatic with the image transition?

http://img.photobucket.com/albums/v629/houstontx/slide1.swf

here is the link to the fla
http://www.box.net/public/oi4gmtkzjq

Edited: 12/12/2006 at 04:55:31 PM by mojoka5

XML Random Image Slideshow
I'm pulling my hair out trying to figure out how to make it pull the image and the text assiociated with the image randomly. Any direction would be greatly appreciated:

Attach Code

var id, current;
var k = 0, p = 0;
var slide = 1;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
id = setInterval(preloadPic, 100);
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("assets/flash/splash/images.xml");
function Math.preloadPic()(Math.random()*5) {
clearInterval(id);
var con = picture.duplicateMovieClip("con"+k, 200+k);
con.loadMovie(image[p]);
_root.txt.desc_text_mov.desc_txt.text = description[p];

preloader._visible = 1;

con._alpha = 0;
var temp = picture.createEmptyMovieClip("temp"+k, 99+k);
k++;
temp.onEnterFrame = function() {
var total = con.getBytesTotal();
var loaded = con.getBytesLoaded();
percent = Math.round(loaded/total*100);
preloader.preload_bar._xscale = percent;
if (con._width) {
preloader._visible = 0;
con.onEnterFrame = fadeIn;
_root.txt.gotoAndPlay(2);
if (slide) {
id = setInterval(nextImage, 9000);
}
delete this.onEnterFrame;

}
};
}
MovieClip.prototype.fadeIn = function() {
if (this._alpha<100) {
current._alpha -= 10;
this._alpha += 10;
} else {
current._visible = 0;
current = this;
delete this.onEnterFrame;
}
};
function nextImage() {
current = this["con"+p];

p<total-1 ? p++ : p=0;
preloadPic();
}
function prevImage() {
current = this["con"+p];

p>0 ? p-- : p=total-1;

preloadPic();
}
preloadPic();

Slideshow/Image Gallery
Happy New Year!!!

I am building an XML image gallery in Flash CS3 with AS3. I am having trouble loading my large images into a movie clip that I created on the stage.

How it works:
1. the thumb images will load in a movie clip located to the left of the stage.
2. when the user clicks on the thumb image the correct large image will load in a different movie clip located on the right side of the stage.

Here is the line of code that I am having trouble with:

this.pricesScrollWindow.largeImages.addChild(this.imageLoader);

Attach Code

//largeImages.visible = false;
/*var largeImages:LargeImages = new LargeImages();
largeImages.width = 590;
largeImages.height = 500;
addChild(largeImages);*/

var imageLoader:Loader;
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("images.xml"));

xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);

function xmlLoaded(event:Event):void{
xml = XML(event.target.data);
xmlList = xml.children();
//trace(xml.children());
for(var i:int=0;i < xmlList.length();i++){
var imageHolder:ImageHolder = new ImageHolder();
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumbnails")));
//imageLoader.x = (170 * i);
addChild(imageHolder);
imageLoader.name = xmlList[i].attribute("source");
imageHolder.addChild(imageLoader);
if(i <= 1){
imageHolder.y = 0;
imageHolder.x = (i) * 85;
}
if(i >= 2){
imageHolder.y = 80;
imageHolder.x = (i - 3) * 85;
}
if(i >= 2*2){
imageHolder.y = 80 * 2;
imageHolder.x = (i - (2*2)) * 85;
}
if(i >= 2*3){
imageHolder.y = 80 * 3;
imageHolder.x = (i - (2*3)) * 85;
}
if(i >= 2*4){
imageHolder.y = 80 * 4;
imageHolder.x = (i - (2*4)) * 85;
}
if(i >= 2*5){
imageHolder.y = 80 * 5;
imageHolder.x = (i - (2*5)) * 85;
}
if(i >= 2*6){
imageHolder.y = 80 * 6;
imageHolder.x = (i - (2*6)) * 85;
}
if(i >= 2*7){
imageHolder.y = 80 * 7;
imageHolder.x = (i - (2*7)) * 85;
}
if(i >= 2*8){
imageHolder.y = 80 * 8;
imageHolder.x = (i - (3*8)) * 170;
}
if(i >= 3*9){
imageHolder.y = 80 * 9;
imageHolder.x = (i - (3*9)) * 85;
}
if(i >= 3*10){
imageLoader.y = 80 * 10;
imageLoader.x = (i - (3*10)) * 85;
}
if(i >= 3*11){
imageHolder.y = 80 * 11;
imageHolder.x = (i - (3*11)) * 85;
}
if(i >= 3*12){
imageHolder.y = 80 * 12;
imageHolder.x = (i - (3*12)) * 85;
}
if(i >= 3*13){
imageHolder.y = 80 * 13;
imageHolder.x = (i - (3*13)) * 85;
}
if(i >= 3*14){
imageHolder.y = 80 * 14;
imageHolder.x = (i - (3*14)) * 85;
}
imageHolder.scaleX = .5;
imageHolder.scaleY = .5;

imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
}

}
function showPicture(event:MouseEvent):void{
//largeImages.visible = true;
imageLoader = new Loader();
imageLoader.load(new URLRequest(event.target.name));
imageLoader.x = 0;
imageLoader.y = 0;
imageLoader.scaleX = .29;
imageLoader.scaleY = .29;
this.pricesScrollWindow.largeImages.addChild(this.imageLoader);

//imageLoader.addEventListener(MouseEvent.CLICK, removePicture);
}
function removePicture(event:MouseEvent):void{
imageLoader.visible = false;
imageLoader.removeEventListener(MouseEvent.CLICK, removePicture);

}

XML SlideShow Image Transition?
Is there a way to modify the Kirupa XML Slideshow to have a different transition instead of just fades in between images. Maybe something like an animated mask transition or something a little more visually appealing then just a simple fade.

Im not necessarily looking for a specific transition, just the way to accomplish adding one to the slideshow.

Thanks for any help anyone can provide.

Help With XML Slideshow - Fading Last Image
Hi 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.

Anyone think they could help me with this?

Thanks in advance!

Here is the code I have so far:

Code:
delay = 4000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
link = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
link[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
}
firstImage();
} else {
content = "Please refresh your browser. XML was not loaded correctly";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
p = 0;
function preload(clip) {
picture.loadMovie(clip);
var temp = this.createEmptyMovieClip("temp", 9987);
temp.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
if (filesize>4 && filesize == loaded) {
picture._alpha += 1;
// used to be 10
if (picture._alpha>100) {
picture._alpha = 100;
slideshow();
delete this.onEnterFrame;
}
}
};
}
function nextImage() {
if (p<(total-1)) {
p++;
fadeOut(image[p]);
desc_txt.text = description[p];
desc_txt2.text = link[p];
}
}
function firstImage() {
picture._alpha = 0;
fadeOut(image[0]);
desc_txt.text = description[0];
desc_txt2.text = link[0];

}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}
function fadeOut(clip) {
picture.onEnterFrame = function() {
this._alpha -= 1;
if (this._alpha<1) {
preload(clip);
delete this.onEnterFrame;
}
};
}

XML Slideshow: Link To URL On Image?
I'm using Kirupa's XML Slideshow and was wondering if it was possible to add a link on the images to open a URL in the same html window.

Here's what I have in my Actions Layer:

Code:
delay = 5000;
//-----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "Non disponible";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("news_fr.xml");
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
slideshow();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}

I have also uploaded my FLA file in a compressed format (zip).

Thanks for your help.