Image Rotator with blur and fadeout

Add descriptions for each image, that would be great.
Or Title, and description.

Very interesting ...
i used it... and work very well thanks

was trying to get to work, but keep getting:

Error opening URL "file:///C|/dev/design/dev/taxslayer.com/flash/undefined"

had to be in same area as default page

Not working properly
Please upload total files in a root

This rotator looks like good solution for my needs (though randomization would be preferable). The blur is a nice touch!

However, I'm having problems resizing the movie. I want to use 765x195 and not 550x400. Changing the Flash stage size and/or the display image script width and height to match in lines 52 and 53 above only allows a thin band of an image to appear at roughly 765 x 50.

I'm testing both PNGs and JPGs at 765x195 dimensions.

Is there some way to allow me to change the size of the movie to suit my needs? Thanks!

Hmm it seams like the blur effect is eating 50% of the CPU !

I have tried on different maschines. But still a nice flash script. Good work.

great job! thank You.

for those who had problems with resizing: i think i found a bug, and little modification fix it.

line 43:
eval("displayImage"+currentTop)._width*=Stage.height/eval("displayImage"+currentTop)._height;
should probably be:
eval("displayImage"+currentTop)._width*=Stage.width/eval("displayImage"+currentTop)._width;

line 48 vice versa..

it makes sense for me and works =)

Cliff,

To shuffle the order add this function:

Array.prototype.shuffle = function() {
var randomNum:Number;
for (i=0; i<this.length; i++) {
if (this[i] == undefined) {
i = i-1;
}
tmp = this[i];
randomNum = Math.floor((Math.random()*(this.length-1))+1);
this[i] = this[randomNum];
this[randomNum] = tmp;
}
};

Then modify the onLoad area like so:

myXml.onLoad = function() {

//CTT Create an array of number range from 0 to length and shuffle it
allNodesArray = new Array();
nodeLength = myXml.childNodes[0].childNodes.length;
for (k=0; k<nodeLength; k++) {
allNodesArray[k] = k;
}
allNodesArray.shuffle();

currentImage = myXml.childNodes[0].childNodes.length-1;
for (imageIndex=0; imageIndex<myXml.childNodes[0].childNodes.length; imageIndex++) {
//CTT use my shuffled array for the index. Replace childNodes[imageIndex] with childNodes[number]
//The childNodes will be loaded in the order of the random array
number = allNodesArray[imageIndex];
imageList[imageIndex] = myXml.childNodes[0].childNodes[number].childNodes[0].childNodes[0];

This is brilliant, thank you. I tried Tasiek's suggestion to fix the resizing issue, but it didn't work. Editing lines 52 and 53 did, though. Change them to the following and the holders should fit the stage, whatever size it is:

eval("displayImage"+currentTop)._x=(Stage.width-eval("displayImage"+currentTop)._width)/2;
eval("displayImage"+currentTop)._y=(Stage.height-eval("displayImage"+currentTop)._height)/2;

any tips as to how to alter this if i want to add some more controls like 1 - 2 - 3 - 4 buttons that would jump to specific images instead of just moving from one image to the next? also wanted to add links to the images but i can't seem to figure out how..

i got it to work perfect on my site, thank you so much, and for those who are having issues with scale and size, all you got to do is: download file source, go into flash, rezise the content(background, movie clips) remember there are 2 movieclips that are not visible so make sure you resize those too or it would not work, then go on line 43 and 48 and change them to what TASIEK said on his reply here, and lastly, go to line 52 and 53 and change the width 550 and height 400 to whatever size you want

Good luck :)

Hi, I was trying above example with local images but it shows "Error opening URL "e:\flash_nilesh\images\26-pic1.jpg". I didn't get wats going wrong with my XML or actionscript. Please give me if there is any solution for this
Thanks

Hello, this script is grate!!
just what i was looking for.
On thing, is it possible to rotate the images??
I want everything to be like 20º Cc.
Thanks

Gonzalo

silly question but I am a total newbie to this flash stuff... how do i change the rate at which the next picture is loaded etc. I can see in the code at the top a bit about counter=200. I am guessing this is what needs to be changed but how/where do i do this?

Brilliant example and just what i was looking for - many thanks.

koatas please if you come back here please i willl like to hook up with u ..... am kolade from nigeria...kbaba002@yahoo.com

Hi Christian, I'm trying to implement the shuffle function but am trouble with where to put each bit of script and how to what to change as I'm new to AS. Would it be possible for you to show the changes in a bit more detail or even the fully edited code. Many thanks

please upload full file link. Plz there is some problem with the script.

Thanks Done .

any tips as to how to alter this if i want to add some more controls like 1 - 2 - 3 - 4 buttons that would jump to specific images instead of just moving from one image to the next? also wanted to add links to the images but i can't seem to figure out how..

Mr. Jake its for you.

You have to load your thumbnails externally and give them respective instance . Now you have do just call the current index of your image you want to call on you function like onRollOver, onRelease

loadMovie(_level0.imageList[0],eval("_level0.displayImage"+_level0.nextImage()));

this worked on myside properly .

And for link use your link root in your function.

Thanks

me sale error "file:///C|/dev/design/dev/taxslayer.com/flash/undefined"

For those whow are getting errors like the one below:

file:///C|/dev/design/dev/taxslayer.com/flash/undefined

Suggestion is:
Download the XML file [http://www.bezzmedia.com/swfspot/resources/27-imagerotator.xml] and follow the pattern of specifying URL of your .jpg or other type of picture files using relative or absolute path.

Thank you very much for that script.

Excellent thanks for this... Is there a page on here to request custom versions of this? For people willing to pay?

Awesome script. I was wondering if we want to make the images clickable.. how do we do that? I understand we must read the value from the XML file, but then I am unaware of any method that would allow us to add the url directly to the image.

Can anyone explain how to make the transition pass faster?

Good tutorial, would you please tell me in detail how to create dynamick (database ) flash web site, I am very new in this area, I don't have a little knowledge about it, but I am interested to create my own web page in flash.

Example:www.kanalhusene.dk (how to make this kind of web page in flash) :)

Awesome perfect for our new site, but I have the same question as Jason?? How can I speed up the transition speed??

Has anyone figured out how to add links?

This would be a great function to have.