Flash :: Slideshow Tutorial Needed

Slideshow Help Needed
I want to create a slideshow that will fade in and hold the image for a few seconds and then fade in the next object. I'm not worried about fading the image out as the next one will just cover the previous. The photos which are chosen by the user are saved in an array.

Here's the code i have for the slideshow so I dont know what I'm doing wrong.

function fadeIn(){
_root.slide[next]._width = 200;
_root.slide[next]._height = 150;
if(slide[next]._alpha < 100){
slide[next]._alpha += 10;
}
next++;
}

_root.onEnterFrame = fadeIn();

I know I probably need to put in a setInterval but I'm not sure quite how.

Thanks in advance for the help.

Help Needed With Slideshow
We've made this simple slideshow but we got problems! It seems that it preloads the images twice! Can you please help? You'll need to simulate 14.4 modem in flash because else you cant see the problem.

-Slemming

Slideshow Help Needed, Please
Yes, another slideshow question!
I did a massive search resulting in the following code. But still it is unstable,
for I am a not so good in complex AS code.

I had a problem of cross fading and swapping depths. I resolved it now by incrementing the jpg holdermc _name and its depth. I delete them also, so i dont have a memory overload(i hope!)

Can somebody take a look at my code and advice me..
Also the pause and resume timer seems to be a bit dodgy!
Thank you

HTML Code:
_global.Gallery = function(naam, holder) {
this.holder = holder;
this.naam = naam;
this.PicArray = ["http://www.link.org/0.jpg", "http://www.link.org/1.jpg"];
this.fadeSpeed = 25;
this.stopTime = 2000;
this.startShow();
};
var G = Gallery.prototype;
// so we can trace the name of this object \
G.toString = function() {
return this.naam;
};
// M E T H O D S \
G.startShow = function() {
this.container_mc = this.holder.createEmptyMovieClip("container", 0);
this.showPicAtIndex(0);
};
//--
G.nextImage = function() {
this.showPicAtIndex((this.index+1)%this.PicArray.length);
};
//--
G.prevImage = function() {
this.showPicAtIndex((this.PicArray.length+this.index-1)%this.PicArray.length);
};
//--
G.showPicAtIndex = function(n) {
trace("called show at index"+n);
//
this.index = n;
//
i = (i+1)%2;
//
var mc = this.container_mc.createEmptyMovieClip("loader_mc"+i, i);
mc._alpha = 0;
mc.loadMovie(this.PicArray[this.index]);
//
this.FadeIn(mc);
};
//--
G.FadeIn = function(CurrentMc) {
this.FadeInID = setInterval(function (mc, MyObj) {
mc._alpha += 10;
if (mc._alpha>=100) {
clearInterval(MyObj.FadeInID);
// call the timer functio to show this for x seconds
MyObj.showImage(mc);
}
updateAfterEvent();
}, this.fadeSpeed, CurrentMc, this);
};
//--after the image has been shown for a length of time start fading out the image
G.FadeOut = function(CurrentMc) {
this.FadeOutID = setInterval(function (mc, MyObj) {
mc._alpha -= 10;
if (mc._alpha<=0) {
clearInterval(MyObj.FadeOutID);
//remove the current mc, so we dont get a memory overload
removeMovieClip(mc);
}
updateAfterEvent();
}, this.fadeSpeed, CurrentMc, this);
//start the next image after 250 ms so that the two will cross fade
//---!!!
//very dodgy!!
//so we get a sort of cross fade
//---!!!
this.NextID = setInterval(function (MyObj) {
MyObj.nextImage();
clearInterval(MyObj.NextID);
}, 250, this);
};
//--show the image for a length of time before calling the fadeOut()
G.showImage = function(CurrentMc) {
if (!this.paused) {
this.DelayID = setInterval(function (mc, MyObj) {
trace("called fadeOut"+mc);
MyObj.FadeOut(mc);
clearInterval(MyObj.DelayID);
}, this.stopTime, CurrentMc, this);
} else {
this.pausedAt = CurrentMc;
}
};
//--
G.pause = function() {
this.paused = true;
};
G.resume = function() {
this.paused = false;
this.showImage(this.pausedAt);
this.pausedAt = null;
};
a = new Gallery("a", _root.holder);
_root.onMouseDown = function() {
a.pause();
};
_root.onMouseUp = function() {
a.resume();
};

Slideshow Help Needed
I am using the slide show tutorial from the kirupa main site,

My problem is that i want to be able to load swf's into the slide show and play for the full length of the swf, but the delay feature overides this after 3 seconds and moves onto the next image.

how do i over come this

the code im using is

delay = 3000;
//-----------------------
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("assets/xml/images.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 += 10;
}
}
};
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 (btn.playing) {
slideshow();
}
}
}
function prevImage() {
clearInterval(myInterval);
if (btn.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 (btn.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();
}
}
btn.t.text = "Stop";
btn.playing = true;
btn.onPress = function() {
if (this.playing) {
this.playing = false;
clearInterval(myInterval);
this.t.text = "Play";
} else {
this.playing = true;
nextImage();

this.t.text = "Stop";
}
};

Slideshow Help Needed
Hi

I've got the below script for a horizontally sliding slideshow, i need help with 2 things though;

1. I want the slides to appear in the movie stationary and not sliding from right to left when the movie loads

2. I want the slides to stop sliding right/left when they reach the end of the array?? At the moment they just keep sliding

this.createEmptyMovieClip("theScene", 1);
theScene._x = 80;
theScene._y = 45;
objectsInScene = new Array();
for( var i:Number = 0; i < 8; i++ )
{
attachedObj:MovieClip = theScene.attachMovie( "pane" + i, "pane" + i, i );
var attachedObj:MovieClip = theScene.attachMovie( "pane" + i, "pane" + i, i, {_x: ( i * 150) } );
}
theScene.onEnterFrame = function()
{
this._x += Math.cos((-_root._xmouse/Stage.width)*Math.PI)*15;
}
if (this._x>0)
{
this._x = 0;
}
if (-this._x>(this._width-Stage.width))
{
this._x = -(this._width-Stage.width);
}

Any help would be great

Thanks
Andy

Slideshow Tutorial
I'm just getting off the ground with Flash and only have experience with Sony Vegas. I want to be able to make a slide show of still-images to go with sound that I have pre-recorded...but am having issues with Flash because it is just so different from what I am used to. Are there any good tutorials out there that anyone could point me in the direction of in order to learn more about making a slideshow?

Auto Slideshow Help Needed
Ok, I need help here...i created this picture slideshow for a website for work...i didn't put a whole lot of work into it, just enough to please my boss (by the way I'm no professional developer). IS there a way to decrease the size of it (it's at 319Kb now) or to make it better?

Slideshow

Any feedback on this would be great too (move mouse over parts of the map)
Map

Help Needed With Simple Slideshow
Hi!

I have this code to load an x number of photo's into my flash file:

Code:
var thisPhoto = new Array();
for (i=0;i<thisSlides;i++) {
trace (thisPhoto[i] = this["typePhoto"+i]);
// set contentPath for 1st slide:
_root.mediaContainer.photoHolder.contentPath = thisPhoto[0];
}
I use a Loader component to show the first photo:

Code:
_root.mediaContainer.photoHolder.contentPath = thisPhoto[0];
Now, my question:
I want to display the next photo after 2 seconds...and the next photo after that also after 2 seconds etc...so actually it should be a simple slideshow

Has anyone got some idea how to do this? I tried some things with setInterval, but no succes so far...

Regards,
Vic.

Help Needed To Position The Slideshow
I wanted to build a slideshow for myself but actionscripting seems like a mammoth task for me. i downloaded a suitable FLA file from this website – http://www.abrahamyan.com/exp.htm
Trying my very best to figure out if i could undedrstand & modify it and after many hours of study perhaps i got some glue but still unable to put to work. This slideshow component help to load dynamic images into the center stage. i want is to register the loaded dynamic images to be aligned from left and valigned from top during scaleing instead of scaleing at the center. I know I should've checked with the owner first but the email link of the website is broken. I will be very much appreciated if anyone could offer me any help or tips. Thanks in advance

Help Needed Slideshow Problems.
OK I have mad a simple slide show in flash and the actionscipt is equally as simple as I am a complete noob and dont know what Im doing.

The problem is that my slide show plays once, then loops back to the beginning (all good so far) then it freezes at the end of slide2. Whats going on? Why does it work the first time and then stop on the second run? Can anyone help please?

Here is the code I am using:

To move to the next slide I have:

stop();
function goNext(){
currentSlide.gotoNextSlide();
clearInterval(timer);
}
var timer = setInterval(goNext, 500);

To move to the 1st lside I have:

stop();
function goNext(){
_root.presentation.gotoSlide(_root.presentation.slide1);
clearInterval(timer);
}
var timer = setInterval(goNext, 500);

Thanks

Integrating An XML And A Slideshow Tutorial
Hi, how would I integrate these two tutorials together on http://www.gotoandlearn.com?

Flash and XML - Slideshow
Scrolling thumbnail panel

Right now I'm kinda new to Ascript, so I have no idea how 1. I would get Flash to read from the XML and place the corresponding thumbnails on the Stage, and 2. How to expand the object to accomodate more pictures as they are added.

Would anyone like to help me on this? And for those of you who actually read my earlier post, I managed to solve the content not displaying problem: I loaded the text files from the main.swf instead of the externally loaded swfs, and they work fine now.

Slideshow Tutorial Disaster
Hi everyone!

I just did the slideshow tutorial here on Kirupa.com, and well, all's not well.

Namely, the images appear in the lower-right hand corner of the screen while my "foward and back" buttons are in the middle, hapharzardlly overlapping part of the picture. The buttons should be under the movieclip. Any ideas?

Adjustments To Slideshow Tutorial
Hi, I'm trying to create a slideshow that allows the user and click left and right like on the tutorial on this site, but also to change the images periodically without user interaction. What code could I add to the actionscript for this http://www.kirupa.com/developer/mx/photogallery.htm to accomplish what I want?

Some kind of setinterval that calls one of the functions?

Photo Slideshow Using XML Tutorial
I really like this automated slide show tutorial using xml. However, I'm looking for help on why when using a modem connection the file loads the first image and stalls (out of the box, no modifications to the file at this point). I refresh the screen and it starts over and loads the first image and then the second image and stalls again. This stall occurs for each subsequent image until all images are loaded.

I did try adding a preloader function in the fla file ... I tired loading the images using a JavaScript array in the body of the html page.

I read all the optimization help file information and help on publishing settings. I tried various published settings with compression, with compression. Tried different fps settings etc. I'm using MX. Downloaded trial versions of MX 2004 and MX 2004 Professional and still not working, as I would like it to on dialups.

I have a similar version that is dynamically loading images but is using text files to load the variables. I am very interesting in this one because is uses xml. I tried clipping out the xml code and used it in my other file and I get the same result.

Little help please....

Flash Xml Slideshow From Tutorial
hello,
i just followed the tut fmx2004 about the slideshow, it is very good!
i just have one question : i would like the slideshow to be started by a click on a button (not run when loaded), and then run infinitly, how do I do that?
(i am in fmx)
thanx for your answers

Image Slideshow Tutorial
in the image slideshow tutorial

how are u supposed to host the file on the web?

u can host the movie file but how about the xml file

it says that the movie and the xml file should be in the same folder

but waht if u want to publish it on the web?

Question About The XML Slideshow Tutorial
Hey everyone,
I just got done with the tutorial for XML Slideshow that is on this site. Anyway, I messing with it a bit becuase i believe it will do exactly what I need it to do in just loading images and text.
But what I am having a hard time with is I am trying to get my XML to call a MP3 file and plug it in just as it does with the Images that it pulls.

Does anyone know how to do this?
I hope that makes sense.

Thanks!!

Kirupa XML Slideshow Tutorial
Hi
I recently used the Kirupa XML Slideshow tutorial:
http://www.kirupa.com/developer/mx2004/xml_slideshow.htm

I really loved this. However I now have a need to include another feature. I need to create a fade out/fade transition between the images as it cycles through the XML. At present the image just dissapears and a new one fades in, I need a transition between the two. I have played with the script but to no avail.

If you have any suggestions or any snippets of code I could just drop in to achieve this.
Thanks again for you help. Your website is great and I use it a lot.

Thanks

Dave

Preload Xml Slideshow (from Tutorial)
Hello everyone

First of all, I'm a noob, so please forgive me, if that's a simple task, but I just couldn't find a solution so far:

I'v made a slideshow, step by step, with the kirupa tutorial.

It works, but the preloader bar appeares before every single image. What I'd actually like to have is one preloader, which loads every image that is referenced in the xml file, before the first image gets loaded. That way one would only see one preloader before the whole slideshow starts and with that the slideshow would be even smoother, without breaks.

Here's my Actionscript:

delay = 4000;
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("images_slideshow.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
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 += 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();
}
}
}

Is anyone out there who can help me with a Actionscript, that would make that happen? Please?!

What would be even greater is a preloader, which loads the whole website even - namely the slideshow and some buttons. My websites is basically a set of some buttons and a MC frame in which a slideshow should appear right away without any clicking. So what would be cool, is if the first thing the user sees would be a preloader, and after that is completed, the whole site starts, with the slideshow already preloaded. Here's an example, of how it should look like:
http://www.theimageisfound.com/portrait/
(1. preloader 2. a slideshow right away, without any breaks between the showed pictures)

Thanks for some insight :-).

Romanoff

Dynamic Slideshow Tutorial
I am new to flash and I want to make a dynamic slideshow.

Can someone link a good tutorial?

here is an example of what I want to do...

http://www.corinnemartin.com/

Lee's XML Basics Slideshow Tutorial
Hi,
I've just practiced Lee's xml basic sldeshow tutorial,
the problem I have is that, when I get to the last picture and I click on the next button , it doesn't jump to the first picture, and vise versa for the first pic,
can anyone help me out on that please ?
Thanks...

Where Is XML Image Slideshow Tutorial?
I'm looking for the XML SLideshow tutorial for images. It seems it's not available anymore. Anyone know where I can find one?

Slideshow Actionscript Solutions NEEDED
Looking for action script solutions with the capability of running a slide show seperated into sections, each section contains a series of vector imported logo designs.
The major problem is keeping my file sizes to a minimum, while showcasing the variety of work in each section of the portfolio site.
It is a simple next and previous button run, indexed with alphabetical sections within each sub-category.
Any help would be greatly appreciated, Thanks.
Hanoshi

Ideas Needed: Slideshow With 1 Preload
Hi guys,

I went through Kirupa's slideshow tutorial , pretty neat and very similar to something i've been working on. Just one annoyance with both my slideshow and kirupa's, the user has to wait for each image to preload as the slideshow goes through the first time...I am trying to get my head around how to successfully implement one preload at the start for ALL slideshow images.

Anyone have any ideas on how to do this??? I've included my file below

ActionScript Code:
#include "as/movieclip_lib.as"#include "mc_tween2.as"var delay = 3000;//pause b/w slides (in milliseconds)var curImage = 0;//keeps track of current slidevar curInterval = 0;//int id for current intervalfunction loadSlideshow(success) { if (success) { slideshow_xmlnode = this.firstChild; directory = this.firstChild.attributes.directory; image_array = []; title_array = []; var totalSlides = slideshow_xmlnode.childNodes.length; for (var i = 0; i<totalSlides; i++) { image_array[i] = slideshow_xmlnode.childNodes[i].attributes.image; title_array[i] = slideshow_xmlnode.childNodes[i].attributes.title; } loadImage(directory+"/"+image_array[0]); } else { trace("Error! File not loaded!"); }}function nextImage() { clearInterval(curInterval); if (curImage == image_array.length-1) { //reset back to first image curImage = 0; } else { curImage++; } loadImage(directory+"/"+image_array[curImage]);}function loadImage(image) { var container = slide_mc.createEmptyMovieClip("container_mc", 0); var img = container.createEmptyMovieClip("img_mc", 1); var control = container.createEmptyMovieClip("control_mc", 2); // preloader stuff var preloader = container.attachMovie("preloaderClip", "preloader_mc", 3); preloader._x = this._width/2-preloader._width/2; preloader._y = this._height/2-preloader._height/2; trace(preloader); desc_txt.text = title_array[curImage]; img.loadMovie(image); control.onEnterFrame = function() { img._alpha = 0; var bLoaded = img.getBytesLoaded(); var bTotal = img.getBytesTotal(); if (bLoaded>0 && bLoaded<bTotal) { preloader.percentage_txt.text = Math.floor((bLoaded/bTotal)*100)+"%"; } else if ((bLoaded == bTotal) && (bTotal>4)) { delete control.onEnterFrame; removeMovieClip(preloader); //img._visible = 1; img.tween("_alpha", 100, 0.30000, "easeInCubic", 0, function () { curInterval = setInterval(nextImage, delay); }); trace("finished loading: "+image); } };}slideshow_xml = new XML();slideshow_xml.ignoreWhite = true;slideshow_xml.onLoad = loadSlideshow;slideshow_xml.load("slideshow/slideshow.xml");

NB: I'm using FMX04 but want the final output to be an AS 1.0 FP 6 file only.

Cheers, and thankyou in advance!

Help Needed On Making A TweenMax Slideshow
I wanna create a slideshow like:

http://www.htc.com/www/product.aspx

Where each product slide off the page and came in another with a next and previous button

But I am stuck with this actionscript 3.0:

stop()
import gs.TweenMax;
import gs.easing.*;

TweenMax.from(pix01_mc, 1, {blurFilter{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix02_mc, 1, {blurFilter{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix03_mc, 1, {blurFilter{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix04_mc, 1, {blurFilter{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix05_mc, 1, {blurFilter{blurX:50}, x:900, ease:Expo.easeOut, delay:1});

function onNextClick(evt:MouseEvent):void {
nextFrame();
}
next_btn.addEventListener(MouseEvent.CLICK, onNextClick);

function onPrevClick(evt:MouseEvent):void {
prevFrame();
}
prev_btn.addEventListener(MouseEvent.CLICK, onPrevClick);

Im kinda new at this Adobe Flash.
It will be greatly appreciated if anyone can advice.

Thanks.

Help Needed On Making A Generic Slideshow
I wanna create a slideshow like:

http://www.htc.com/www/product.aspx

Where each product slide off the page and came in another with a next and previous button

But I am stuck with this actionscript 3.0:

stop()
import gs.TweenMax;
import gs.easing.*;

TweenMax.from(pix01_mc, 1, {blurFilter:{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix02_mc, 1, {blurFilter:{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix03_mc, 1, {blurFilter:{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix04_mc, 1, {blurFilter:{blurX:50}, x:900, ease:Expo.easeOut, delay:1});
TweenMax.from(pix05_mc, 1, {blurFilter:{blurX:50}, x:900, ease:Expo.easeOut, delay:1});

function onNextClick(evt:MouseEvent):void {
nextFrame();
}
next_btn.addEventListener(MouseEvent.CLICK, onNextClick);

function onPrevClick(evt:MouseEvent):void {
prevFrame();
}
prev_btn.addEventListener(MouseEvent.CLICK, onPrevClick);

Im kinda new at this Adobe Flash.
It will be greatly appreciated if anyone can advice.

Thanks.

Advanced Slideshow/Gallery Tutorial?
Hi there,

I'm looking to create a swf similar to the ones on the home pages of Futureshop and Bestbuy. I've been searching all over the internet but can't find exactly what I'm looking for. If anyone can guide me to a tutorial I would appreciate it very much.

Basically I'm looking to have 4-5 images in a slideshow, but I can also click little buttons (not thumbnails) that can jump to any of the images in the slideshow and after jumping to an image the slideshow will still be working.

Please let me know if you know what this is called or if you know a tutorial. I've been searching variations of "looping gallery" "looping slideshow" "slideshow with buttons" to no avail.

Thanks!

(btw if I build this with AS3 do I have to worry about lots of viewers not being able to see it because they have older flash players?)

Problem Following Basic Slideshow Tutorial
I'm using the trial of Flash 8 professional, and following this tutorial: http://journalism.berkeley.edu/multimedia/tutorials/flash/slideshow.html

Unfortunately on the section titled "Set the pattern of the fade" I can only find Color Mixer and Color Swatches, and if I sent anything like Stroke Color to Alpha 1% nothing happens (the images do not disappear as the tutorial says they should).

I cannot find any pull down menu called Color (other than the section of the pallete that contains Color Mixer and Color Swatches). Could the tutorial be referring to an older version of Flash? How is the same thing achieved in this version?

PS. I've noticed that selecting Window>Properties>Properties is ticked but doesn't do anything, and pressing Apple-F3 repeatedly doesn't make the slightest bit of difference. Is there some reason I cannot see this window?

When a 5-year old could create a photo slideshow with fancy transistions in iMovie with no problems, why is Flash so complicated? There seems to be a glaring hole in the market for an easy to use package for creating Flash files. Or is there already?

Edited: 12/22/2006 at 02:17:12 PM by bilbo--baggins

I Need A Tutorial On How To Make A Photo Slideshow
A step by step way to make a basic flash slideshow. No knowledge of flash, just basics. KNow how to use Fireworks ect just not flash.

Slideshow With Kirupa XML Photogallery Tutorial?
Is there a way to add a button to the kirupa xml photo gallery tutorial that will perform a slideshow of the images?

Photo Slideshow Tutorial With XML Links?
Would it be possible to use the Kirupa tutorial on "Photo Slideshow Using XML and Flash" and incorporate a dynamic HTML link within the XML so the photos in the slideshow were clickable using Flash MX 2004?

Something like this:

function nextImage () {
if (p < (total - 1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie (image[p], 1);
picture_num ();
slideshow ();
picture.onRelease = function() {
getURL(link[p],"_blank");
};
}
}
}

And the XML looking like this:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>print/slide_1.swf</image>
<link>&quotehttp://www.somewebsite.com&quote</link>
</pic>

Photo Slideshow Tutorial - Bug In Script For MX?
hi Kirupa!

I love the Photo Slideshow using XML, and I am running into a bug which may be because I am using MX, and not MX2004. I downloaded the org FLA (MX version) and exported it, and its not working, so I know it has something to do w/ the source code.

It skips every other image when it autoplays, AND it does the same thing when you hit the previous and next buttons (for the non-auto play version). It only works properly when you use the arrow keys.

I have been trying to figure out why its not working to no avail. Please help!!

Slideshow Tutorial: Can I Fade The Pictures Out?
How difficult would it be to make the images fade out the same way they fade in?

Code:
delay = 10000;
//-----------------------
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("images.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 += 5;
}
}
};
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();
}
}
}
Any help is appreciated!

Fade Speed On Slideshow Tutorial
Self- explanatory...all I need to know is how to change the alpha fade in and out speed on the photo slideshow tutorial. Can't find it for the life of me...

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 = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images/images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
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 += 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();
}
}
}

XML Photo Slideshow Tutorial On This Site
I've used the XML Slideshow located here:

http://www.kirupa.com/developer/mx20..._slideshow.htm

i read the whole thing and did the easy cut and paste things to make it work. but i was wondering if anyone knew how to change this very slideshow so it preloads all images, not one at a time.

i want a slide show that rapidly changes the external images. once i go below 2 seconds, the images (currently 50kb-65kb) dont always load before moving to the next image, so it skips and moves on. plus it seems to reload them everytime. which crushes hopes of a "rapid-fire" slideshow. and i worry that users with slower connections wont see anything. so preloadering would solve everything.

i've studied this code for over a week. tried changing things and making hybrid actionscripts, but no luck. i just don't get this stuff.

-bb

i chose the coffee icon.

[Tutorial]How To Make A Dynamic XML Slideshow
http://joranbeasley.net//Tutorial/SLIDE2/slideShow.html

just finished putting this together lemme know what you guys think...

Good Tutorial For A Xml Slideshow With Captions?
Hey all,

I'm looking for a good tutorial or source file on how to create a dynamic xml slideshow with navigation and captions. The client also wants a "turning page" feature like what's seen here : http://www.entheosweb.com/Flash/flip...lbum/index.asp, but that's not really necessary. I'm mostlyl interested in bringing in the text and photos into a animated "template" and letting them control the content via a CMS that spits out XML.

Pretty much any slideshow with navigation and captions will do I think, as long as it's dynamic.

Just trying to see if anyone's already gone down this road and can point me in the right direction.

Flash Tutorial For Picture Slideshow
I need help looking for a flash tutorial or any help. I've found several online for picture slideshows but i'm looking for a tutorial that can help me accomplish a picture slideshow very similar to this template site:

http://www.templatemonster.com/website-templates/15279.html

I'd appreciate any help.

Photo Viewer Slideshow Urgent Help Needed
Here is the deal, I am a relatively new to web design. I have worked with html for a while, but Flash scares the crap out of me. I have spent days messign with it and the results can barely be seen. My wife has started a photography business, that is starting to go but she needs her photograph albums to be viewable online. Every photographer in our area uses some type of flash display, so I have been working hard to understand how I could create this for her ASAP, so that potential clients would have something to actually look at.

I used Bitmap to draw two designs for the tpye of photoviewers that I am thinking of. If anyone has source files with projects similar to this I would greatly appreciate it and be indebted to you! Any help is appreciated!

Thanks!

red

Resizing Slideshow...SORRY I NEEDED TO POST VERY DESPERATE
Sorry to extend the never ending chain of "resizing slideshow" posts. However, I REALLY REALLY need to fix this problem.

I went to the really long post for the "how did they do this? resizing slideshow." I downloaded vman's file which included the steps.
When I upload the files, which all look exactly like vman's, they don't show up.
Here is how I set it up:
Root Directory:
<folder: Arra>
<folder: pics1>
- pic1.jpg
- pic2.jpg
<folder:thumbs1>
-1.jpg
-2.jpg
DynamicGallery.swf
Popup.php
Filecounter.php
Thumbcounter.php

Everything seems to be set up right but the images don't load...PLEASE HELP

Slideshow Pause-fadeOut-fadeIn. Help Needed.
Hi there, I'm making a banner for a personal site that cycles through a set of images loaded from XML (makes it easier to add/remove images whenever I need to) and I have used the slidshow script located here: http://www.kirupa.com/developer/mx20..._slideshow.htm for the base.

What I have so far is working as expected, my images load with a fade in effect pause for a moment then cut off and the next image loads with the fade in effect (loop).

My problem is that I would like the images to fade out (quicker than the fade in) after the short pause but I cant work out where in the script I need to execute this.

Here is the script so far:

Code:
pauseDelay = 6000;
this.fadeInSpeed = 3;
this.fadeOutSpeed = 6;
// -----------------------
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].attributes.src;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");

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 (this.picture._alpha<100-this.fadeInSpeed) {
this.picture._alpha += this.fadeInSpeed;
}
}
};
p = 0;
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
slideshow();
}
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
slideshow();
}
}
function slideshow() {
pauseInterval = setInterval(pause_slideshow, pauseDelay);
function pause_slideshow() {
clearInterval(pauseInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}
/*
MovieClip.prototype.fadeOut = function() {
if (this.picture._alpha>this.fadeOutSpeed) {
this.picture._alpha -= this.fadeOutSpeed;
} else {
nextImage();
}
};
*/
I got the prototypes for the fade in and fade out from another script on Kirupa and managed to succesfuly merge the fade in into the onEnterFrame function, but I am lost with the fade out, I've tried many different things but for the life of me have no idea where or how the fade out function should be.

Any help will be much appreciated, I know there is a guru or two here that could point me in the right direction in 2 seconds .

Cheers.

Slideshow Tutorial Needed - CS3 / AS2