Image In Center Of Carousel Menu?

Placing A PNG In The Center Of The Carousel
Hi

I am trying to figure out how to place a PNG image in the center of the carousel.
What i want to do is have the icons run around a logo and appear as if they are circling it.

my feeling is that i have to use the swapDepths command but i can not figure out how to achieve that.
I would really appreciate anyone pointing me in the right direction.

Thank you very much and Merry Christmas .

Eyal.

---

Carousel Center And Mask...
I need to make this menu to stay in the center ... and to mask when it get under the big logo on this site

Here is the link

And here is the code

Code:

//carousel menu

var nNumberOfItems:Number = 3;
var nRadiusX:Number = 300;
var nRadiusY:Number = 70;
var nCenterX:Number = Stage.width / 2;
var nCenterY:Number = Stage.width / 2;
var nSpeed:Number = 0.05;
//
//
for (i = 0; i < nNumberOfItems; i++) {
   var t = this.attachMovie("item", "item" + i, i + 1);
   t.angle = i * ((Math.PI * 2) / nNumberOfItems);
   t.onEnterFrame = mover;
}
//
//
this.item0.gotoAndStop(1);
this.item1.gotoAndStop(2);
this.item2.gotoAndStop(3);

//
//
function mover():Void {
   this._x = Math.cos(this.angle) * nRadiusX + nCenterX - 30;
   this._y = Math.sin(this.angle) * nRadiusY + nCenterY - 150;
   var s:Number = this._y / (nCenterY + nRadiusY);
   this._xscale = this._yscale = s * 400;
   this.angle += this._parent.nSpeed;
   this.swapDepths(Math.round(this._xscale) + 100);
}
//
//
this.onMouseMove = function():Void  {
   nSpeed = (this._xmouse - nCenterX) / 2500;

};

---

Carousel Reflection Is Cut Off And Off Center
Hey Everyone -

Now that i fixed my first problem, i ran into another. the reflection is only showing 1/4 of the image and its coming across as up to far. i double checked all the code, and the reflection image itself. Everything is inplace - at least that i can see. (This is my first time doing something this extreme in Flash)

Does anyone know why it is doing this? I've attached the code i have AND a screen shot of what it looks like when previewed

Code:

stop();

var numOfItems:Number;
var radiusX:Number = 275;
var radiusY:Number = 50;
var centerX:Number = Stage.width/2;
var centerY:Number = Stage.height/2;
var speed:Number = 0.05;
var perspective:Number = 50;
var home:MovieClip = this;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
   var nodes = this.firstChild.childNodes;
   numOfItems = nodes.length;
   for (var i=0;i<numOfItems;i++)
   {
      var t = home.attachMovie("item","item"+i, i+1);
      t.angle = i * ((Math.PI*2)/numOfItems);
      t.onEnterFrame = mover;
      t.icon.inner.loadMovie(nodes[i].attributes.image);
      t.ref.inner.loadMovie(nodes[i].attributes.image);
      t.icon.onRollOver = over;
      t.icon.onRollOut = out;
      t.icon.onRelease = released;
   }
}

function released()
{
   trace(this.parent.item);
}

xml.load("icons.xml");



function mover()
{
   this._x = Math.cos(this.angle) * radiusX + centerX;
   this._y = Math.sin(this.angle) * radiusY + centerY;
   var s = (this._y - perspective) / (centerY+radiusY - perspective);
   this._xscale = this._yscale = s * 100;
   this.angle += this._parent.speed;
   this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
   speed = (this._xmouse-centerX)/2500;
}






http://www.braytongraphics.com/carousel/picture2.pdf
http://www.braytongraphics.com/carousel/picture3.pdf

Thanxs TONS in advance!! :)

---

AS3 Image Carousel
Hi I am trying to replicate the an image carousel like the one on nissanusa.com.

I have created a movie(image1) with five layers containing the images.

and given them instance names ClipA, ClipB, etc.

I then moved ClipA from the top layer to below ClipB but then the listeners dont catch any mose roll over.

Any Ideas?

Is there a way to dynamically move them up or down layers?


image1.clipA.addEventListener(MouseEvent.ROLL_OVER,overFunction1);
image1.clipA.addEventListener(MouseEvent.ROLL_OUT,outFunction1);

image1.clipB.addEventListener(MouseEvent.ROLL_OVER,overFunction2);
image1.clipB.addEventListener(MouseEvent.ROLL_OUT,outFunction1);


function overFunction1(obj:Object) {
trace ("on roll called");
display_txt.text = "CLIP A";
bgdark.visible = true;
image1.stop();
image1.clipA.gotoAndStop(10);
image1.clipB.gotoAndStop(20);
image1.clipC.gotoAndStop(20);
image1.clipD.gotoAndStop(20);
image1.clipE.gotoAndStop(20);
}


Thanks

Chris

---

[F8] Carousel Menu
Hey all,

I am almost done with my carousel, when a problem occurred.
I was going to use "t.gotoAndStop(2);" inside the "else" part of the code checking whether the image was pressed or not. The idea of this was to have a bitmap version of the image shown when it was not pressed, and then if it was pressed a vector version would scale up and have button functions etc.

My problem is it simple does not work - Does anyone know why? In addition, does anyone have an idea about how to fix this, or get the same effect from another code?

My code:

Code:
stop();
//*************************************IMPORTS****************************************\
import mx.transitions.Tween;
import mx.transitions.easing.*;
import mx.utils.Delegate;

//*************************************CAROUSEL****************************************\

var numOfItems:Number;
var radiusX:Number = 300;
var radiusY:Number = 70;
var centerX:Number = (Stage.width/2);
var centerY:Number = (Stage.height/2);
var speed:Number = 0.0015;
var speed2 = speed+0.05;
var perspective:Number = 130;
var home:MovieClip = this;

var tooltips:Array = new Array("tooltip1", "tooltip2", "tooltip3", "tooltip4", "tooltip5", "tooltip6", "tooltip7", "tooltip8", "tooltip9", "tooltip10", "tooltip11");

var const:Array = new Array("const1", "const2", "const3", "const4", "const5", "const6", "const7", "const8", "const9", "const10", "const11");

var tooltip:MovieClip = this.attachMovie("tooltip", "tooltip", 10000);
tooltip._alpha = 0;
//**********************CAROUSEL XML*******************************\
this.onLoad = function() {
numOfItems = 11

for (var i = 0; i<numOfItems; i++) {
var t = home.attachMovie("item", "item"+i, i+1);
t._alpha = 85;
t.angle = i*((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = tooltips[i];
t.const = const[i];
home.tooltip._xscale = home.tooltip._yscale=this._parent._xscale;
t.icon.inner.attachMovie("bitmap"+i, "whatever"+i, 1000+i);
t.r.inner.attachMovie("bitmap"+i, "whatever"+i, 6000+i);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
};
//********************CAROUSEL TOOLTIP***********************\
function over() {

home.tooltip.tipText.text = this._parent.toolText;
home.tooltip._x = this._parent._x+4;
home.tooltip._y = this._parent._y-this._parent._height/2;
home.tooltip.onEnterFrame = Delegate.create(this, moveTip);
home.tooltip._alpha = 95;
var s = (home.tooltip._y-perspective)/(centerY+radiusY-perspective);
home.tooltip._xscale = home.tooltip._yscale=s*700;
home.tooltip._xscale = home.tooltip._yscale=this._parent._xscale; //Scaling Tooltip
}
function out() {

delete home.tooltip.onEnterFrame;
delete home.tooltip.tipText.text;
home.tooltip._alpha = 0;
}

function released() {
home.tooltip._alpha = 0;

for (var i = 0; i<numOfItems; i++) {
var t:MovieClip = home["item"+i];
t.xPos = t._x;
t.yPos = t._y;
t.theScale = t._xscale;
delete t.icon.onRollOver;
delete t.icon.onRollOut;
delete t.icon.onRelease;
delete t.onEnterFrame;
if (t != this._parent) {
var tw:Tween = new Tween(t, "_xscale", Strong.easeOut, t._xscale, 0, 1, true);
var tw2:Tween = new Tween(t, "_yscale", Strong.easeOut, t._yscale, 0, 1, true);
var tw3:Tween = new Tween(t, "_alpha", Strong.easeOut, 100, 0, 1, true);

} else {

var tw:Tween = new Tween(t, "_xscale", Strong.easeOut, t._xscale, 700, 1, true);
var tw2:Tween = new Tween(t, "_yscale", Strong.easeOut, t._yscale, 525, 1, true);
var tw3:Tween = new Tween(t, "_x", Strong.easeOut, t._x, 350, 1, true);
var tw4:Tween = new Tween(t, "_y", Strong.easeOut, t._y, 262.5, 1, true);
var tw5:Tween = new Tween(theText, "_alpha", Strong.easeOut, 0, 100, 1, true);

//*******FRAME 2 PART********\
t.gotoAndStop(2);

theText.text = t.const;
var s:Object = this;

tw.onMotionStopped = function() {
s.onRelease = unReleashed;
};
}
}

}

function unReleashed() {
delete this.onRelease;
var tw5:Tween = new Tween(theText, "_alpha", Strong.easeOut, 100, 0, 0.6, true);

for (var i = 0; i<numOfItems; i++) {
var t:MovieClip = home["item"+i];
if (t != this._parent) {
var tw:Tween = new Tween(t, "_xscale", Strong.easeOut, 0, t.theScale, 1, true);
var tw2:Tween = new Tween(t, "_yscale", Strong.easeOut, 0, t.theScale, 1, true);
var tw3:Tween = new Tween(t, "_alpha", Strong.easeOut, 0, 85, 1, true);

} else {
var tw:Tween = new Tween(t, "_xscale", Strong.easeOut, 100, t.theScale, 1, true);
var tw2:Tween = new Tween(t, "_yscale", Strong.easeOut, 100, t.theScale, 1, true);
var tw3:Tween = new Tween(t, "_x", Strong.easeOut, t._x, t.xPos, 1, true);
var tw4:Tween = new Tween(t, "_y", Strong.easeOut, t._y, t.yPos, 1, true);

tw.onMotionStopped = function() {
for (var i = 0; i<numOfItems; i++) {
var t:MovieClip = home["item"+i];
t.icon.onRollOver = Delegate.create(t.icon, over);
t.icon.onRollOut = Delegate.create(t.icon, out);
t.icon.onRelease = Delegate.create(t.icon, released);
t.onEnterFrame = mover;

}
};
}
}
}

function moveTip() {

home.tooltip._x = this._parent._x;
home.tooltip._xscale = home.tooltip._yscale=this._parent._xscale;
home.tooltip._y = this._parent._y-this._parent._height/2;

}
//********************IMAGE MOVER***********************\
function mover() {
this._x = Math.cos(this.angle)*radiusX+centerX;
this._y = Math.sin(this.angle)*radiusY+centerY;
var s = (this._y-perspective)/(centerY+radiusY-perspective);
this._xscale = this._yscale=s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale)+100);
}

this.onMouseMove = function() {
if (_ymouse<=380) {
speed = (this._xmouse-(centerX)-10)/9000;
speed2 = (this._xmouse-(centerX/3+500)-10)/2000;
}
};

---

Carousel Menu
Hello,
A couple weeks ago I was helping someone in this thread:
http://www.kirupa.com/forum/showthread.php?t=226691

I almost finished the carousel menu but I'm too busy right now to make it look exactly like the original, but i think it's still worth posting, maybe someone will find it useful. The source is in the thread that I pointed to, and this is what it looks like so far

http://img212.imageshack.us/my.php?i...arouselhz4.swf

---

Carousel Menu
I'm stuck with why this carousel menu will not move - its done in the same way the carousel is made on gotoAndLearn.com - i've followed this tutorial through twice now.

Can someone take a look and tell me what I'm doing wrong?
I'm using Flash MX if that makes any difference and I've attached the .fla file

The code i'm using as as below


Code:

var numOfItems:Number = 1;
var radiusX:Number = 250;
var radiusY:Number = 75;
var centerX:Number = Stage.width/2;
var centerX:Number = Stage.height/2;
var speed:Number = 0.05;

for(var i=0;i<numOfItems;i++)
{
var t = this.attatchMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
}

function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s:Number = this._y/ (centerY+radiusY);
this._xscale = this._yscale = s * 100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
speed = (this._xmouse-centerX) /1500;
}
Thanks for your help!

---

Carousel-ish Menu.
Hey hey!
I'm trying to code a menu similar to this: itv.com
It needs to be xml-driven.
Anyone who could point me to something similar would be guaranteed a spot in heaven, provided that I get to decide who goes to heaven, which I currently don't.

Thanks all in advance!

- steve

---

3d Carousel Menu Using As3...
could someone give me a step-by-step tutorials in making a 3d carousel menu?...
pls help....tnx in advance...

---

Carousel Menu...help Pls...
elow guyz!

just yesterday, i downloaded a sample carousel menu using actionscript 3...

but i want to change the way the icons are inserted on the stage, coz what i want to do

is to make it dynamic or xml driven icons...and aside of this, i want that the icons are

clickable....i hope u get what im trying to say...help plsss

here is the fla file of the source code...

---

Carousel Menu
Hi,

A while ago I was searching online for Flash Carousel Menu Systems.

I found one that was really cool, illustrated people moved around and blured as you moved the mouse. It was a very nice piece of work, but have no idea where to find it now.

Does anybody have any ideas where I might find this?

Thanks,

Dabush.

---

Carousel Menu
How can i edit the carousel so i can use it like a menu? instead of images to use buttons and those buttons move between frames, hope u can help me im new on this.

---

3D Carousel As A Menu
I just watch all of these tutorials and was thinking about trying to apply some this sort of idea to a menu for a site. Since I am far from an actionscript expert my question would be changed would have to be made to load and external SWF file into a movieclip holder above the carousel.

Would adding the link info in the XML file be the best or should it be added in this action script code?

Any details that could be given would be great.

---

Help With Carousel Menu
Hello all,

I'm working on a carousel menu I build. First of all I don't know of this is the best way to make one but I think it's the most noobish way to make one.

Here's the code.


Code:


var y:Number = 100;
var speed:Number = 1;
var radius:Number = 600;
var xcenter:Number = 0;
var ycenter:Number = 0;
var zcenter:Number = 500;
var numOfItems:Number = 9;
var fl:Number = 300;

var myArray = new Array(numOfItems);
for (var i = 0; i<=numOfItems; i++) {

this["proj"+i].angle = i*(360/numOfItems);
this["proj"+i].onEnterFrame = mover;

}

function mover() {

z = Math.sin(this.angle*Math.PI/180)*radius+zcenter;
scale = fl/(fl+z);
x = Math.cos(this.angle*Math.PI/180)*radius;
this._x = x*scale+xcenter;
this._y = y*scale+ycenter;
this._xscale = this._yscale=scale*100;
this.angle += speed;
this._alpha = scale*100;
speed = (_root._xmouse-(Stage.width/2))/-150;

}



Basically now I got 9 items with names like proj0, proj1 and so on.

Now I want to access these items with ANOTHER menu. So when you hover on one of these outside buttons the carousel reacts on them. When I say react I mean disable the _root._xmouse and spin the menu to the designated menu item.

You can think of it as if you would build a next and previous button for a carousel menu. But instead you have 9 seperate buttons for each carousel item and when you hover on them it spins to that item.

Can anyone help me with this?

Thanks.

---

Anyone Know Any Image Carousel Tutorial?
Hi,

I'm looking for an image carousel (rotating like those found in carnival rides) done in Flash5. Preferably horizontally rotating and customizable...

Anyone seen one lately? Somewhat looks like this except this one is done with java applets and is more like a ferris wheel rather than a carousel.


Thanks!

---

Carousel Image Gallery
i am interested to know how this IMAGE GALLERY was created and worked out.

i searched on FK and found THIS Carousel sorta thing but i was not successful implementing images within it.

anyhelp is greatly appreciated.

---

I Need An Image Carousel, Scroller Like This One...
Hi there,

Im looking to build a scrolling image carousel like the one shown here

http://www.nikoleramsay.com/

The requirements are:
The images must be loaded in individually to reduce preload time.
For it to be scrolling.
To have a dragable bar
To remain 100% width in any browser.

Does any know of a script, a site, a tutorial that might help me complete this? Doesn’t have to be a free script, i don’t mind paying for this.

To be honest, any help in the right direction would be fantastically helpful here.

Tim

---

I Need An Image Carousel, Scroller Like This One...
Hi there,

Im looking to build a scrolling image carousel like the one shown here

http://www.nikoleramsay.com/

The requirements are:
The images must be loaded in individually to reduce preload time.
For it to be scrolling.
To have a dragable bar
To remain 100% width in any browser.

Does any know of a script, a site, a tutorial that might help me complete this? Doesn’t have to be a free script, i don’t mind paying for this.

To be honest, any help in the right direction would be fantastically helpful here.

Tim

---

Carousel Image Quality
Trying to figure out how to make the images in my carousel not jump around so much. Does anybody know of an effect, file type, flash setting or anything else that can help smoooth this out?

Thanks fo the help.

if you want to see what im talking about go here
http://www.symbioticmeg.com

---

A Static Image To 3D Carousel
I did the fantastic 3D carousel tutorial and got it working properly. I'd like to put a statis picture in the middle of the carousel though, something that the items revolve around, so I'd need the items to go behind the image somehow. I imagine this can be accomplished by a mask but I have no idea how to mask the dynamically created items and now they just move on top of the middle image. Can someone help me with this?

---

Carousel Tut. Image Instead Of Text
Hi
I am trying to work with the carousel tutorial. It is possible to display text on the right when an icon is clicked. Is it possible to display an image instead of the text (reading from the Xml)?

Henk

---

Carousel - Foreground Image
What would be the best way to overlay an image on the carousel script. I'm trying to make the icons in the rear pass behind the overlayed image.

Here's an example of what's happening now when I simply place the image on it's own layer.

http://pmgroup.com/ready2go/_caro2/caro ... enter.html

---

Carousel Menu Functions...
OK... I got the menu where i want it on my site...

a sample of the file is located here:

Carousel Menu Sample

now i have some other question and wonder if they are possible:

my action script is as follows:


Code:
import mx.utils.Delegate;

var numOfItems:Number;
var radiusX:Number = 225;
var radiusY:Number = 50;
var centerX:Number = Stage.width / 11;
var centerY:Number = 250;
//var centerX:Number = Stage.width / 2;
//var centerY:Number = Stage.height / 2;
var speed:Number = 0.001;
var perspective:Number = 130;
var home:MovieClip = this;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
var nodes = this.firstChild.childNodes;
numOfItems = nodes.length;
for(var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = nodes[i].attributes.tooltip;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}

function over()
{
home.tooltip.tipText.text = this._parent.toolText;
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/4;
home.tooltip.onEnterFrame = Delegate.create(this,moveTip);
home.tooltip._alpha = 100;
}

function out()
{
delete home.tooltip.onEnterFrame;
home.tooltip._alpha = 0;
}

function released()
{
trace(this._parent.toolText);
}

function moveTip()
{
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/2;
}

xml.load("icons.xml");

function mover()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = (this._y - perspective) /(centerY+radiusY-perspective);
this._xscale = this._yscale = s*100;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2500;
}

and my icon XML is as follows (for the time being):


Code:
<icons>

<icon image="img/Games2.png" tooltip="Games" />

<icon image="img/kcmmemory.png" tooltip="Memory" />

<icon image="img/kaboodle.png" tooltip="Mp3 Player" />

<icon image="img/klpq.png" tooltip="Printer" />

<icon image="img/Photo Relay.png" tooltip="Photos"/>

<icon image="img/scanner.png" tooltip="Scanner" />

<icon image="img/Tired-Out TiBook.png" tooltip="Notebook" />

<icon image="img/desktop2.png" tooltip="Desktop" />

<icon image="img/pda.png" tooltip="PDA" />


</icons>
how can i add gotoandplay scripts to this menu - can I use them in the XML file at all or how do I call on them in flash...

any help would be appreciated.

Thanks!

---

Centering A Carousel Menu
I want to center a carousel menu onLoad and onResize, but it's not working. Every time I view the SWF, the carousel menu shows up in the bottom right hand corner. My movie-clip (called "hub" in this example) that the carousel is in is registered center, and here's the code I have on my root time:

I want to center Lee's carousel onLoad and onResize. I've already tried the methods indicated within the forums, but it's not working. I've place all of the carousel code inside of a movie clip called "hub", and that still does not work. My movie clip "hub" has a centered registration as well. Here's what I have on my root timeline:

Stage.align = "TL";
Stage.scaleMode = "noScale";
stop ();

hub._x = Stage.width/2;
hub._y = Stage.height/2;

myListener = new Object();

myListener.onResize = function () {
hub._x = Stage.width/2;
hub._y = Stage.height/2;
}

Stage.addListener(myListener);

Please tell me what I'm doing wrong here. I've also attached the files so that you can take a look.

Many thanks!

---

Customising The 3D Carousel Menu
Hello all,

I have the 3d Carousel menu (part 3) from gotoandlearn.com.

When you click an Item in the menu, everything else fades out and the item you clicked moves over to left and the description of the file is loaded via XML.

How could I adjust the AS to jump to different parts of the timeline when clicking each item in the menu.

Thanks a lot!

---

Develop A Carousel Menu.. Please Help Me
Hi my name is Yandis. I am new member to this site and forum. this is my first post. I found this site is fantastic I am definitely visit it daily.

I learn the carousel flash from www.gotoandlearn.com, the flash file had been build but instead of using XML to loading in text content, i want each icon can also tellTarget a movie clip to go to specific frame:

http://www.yandis.com/help/index.htm

You can see from the site, i can only make the content mc go to the same frame, instead of going to different frame. I had been trying for 2 days but still no luck. If anyone can kindly give me some help it will be fantastic.

you can download my source file folder here:


http://www.yandis.com/help/helpYandis.zip

Thanks a million!!
yandis
x

---

Flash Carousel Menu
hi i am new comer in this thread

please help me for the circular carousel menu i am getting problems how to do it!

---

[AS]carousel Menu With Y Movement
Hi, recently I've learned an awesome navigation movement from gotoandlearn.com, I figured out how to do the left and right movement with the rounded menu, but I want to try the Y movement, have no idea how to do that...I want it to be like perspective when I move my mouse up and down so the menu will be like getting far and close....how should I do it?...I've tried to change the X all to the Y, but it just doesn't work, please help. thank you!!

---

Secondary Menu For 3D Carousel
Hi,

I am trying to make a second static menu for the 3D carousel. The menu will contain the same links that the carousel does.

I want to be able to click on the menu links and then the carousel will act as if i have clicked the carousel graphic.

I have been trying to make it work but i am have problems.

Any help would be awesome!

Thanks
Hamo

---

Linking From Carousel Menu
Hi,

I'm getting into the carousel menu, and its great. I'm at the end of tutorial two however I want to build a menu where i can just click on the menu items and go to a page on my website, like a normal link.

Can I do this with the XML file?
How do I create a new variable to do this?

---

Bug In The Attached Carousel Image Gallery
I need to fix the bug in a carousel based image gallery. I tried to figure it out but I couldn't.
Can anybody help me in this. I would be glad if somebody can explain what's going on in the action script

---

Carousel Image Gallery Scale
I finished my first design in flsh 8 using autoscript. It is a carousel gallery of 14 images rotating around.
I am very new to this area but i hava a knowledge on programming language.
What i want is when an image comes in the center of the monitor to scale
automatically, stay at the max scale for around 2 secs then scale back to its original size.
when an image is in the proccess of scaling, the other images should stop and wait until the image gets its original size.
actually the proccess goes like that:
1st image in screen center - scale for 2 secs - remain at max size for 2 sec - scale back to original size - carousel rotation -
2nd image - scale.....and so on
Actually what i am lookin for is in url http://www.greekmilitary.net/
I would be very gratefull if anyone can supply me with an appropriate actionscript code or any reference tutorials on this

---

Best Practices - Flash Image Carousel
When creating an image Carousel in flash for a web page, what are the best practices for loading quickly and changing images?

So for instance, on an ecommerce site, the home page often has a block created in flash in which 4-6 images are included with arrows or image numbers are displayed at the bottom as buttons. The images automatically change to the next ever x seconds unless the user selects an image number or the forward/back arrows.

Obviously, smaller the image the better. But how about best practices for things like:

Do you include one image in the block and then load dynamically the other images? Should all images be dynamically loaded if you want to change them on a daily/weekly basis? Any suggestions for making sure the images, especially the first one is loaded quickly?

Anyone have sample ~gpl code that demonstrates a block like this?

Two examples - kohls.com, jcrew.com

---

3D Carousel Weird Image At Loading?
Hello

The 3d carousel is fantastic but i seem to have encountered an issue


when it loads it has a very odd royal blue blue box about 2 inches tall by half inch wide appear on the screen briefly. this appears in the upper left portion of the screen


any ideas what this might be? would like to make it go away! since it is all loading dynamically i have no idea where this little gremlin is coming from


thanks

justin

---

Carousel - Image Instead Of Text Upon ROLLOVER
I watched all 3 Carousel tutorials but can not figure out how to use an image instead of dynamic text for the rollover bubble that appears above each icon. I found a few threads on this forum with similar questions but none were answered.

Thanks in advance for your help.

---

I Can't Center The Image
When you open it you will see a blue box with a button on the bottom. When you click the button it calls a outside SWF and is suppose to play over the blue box, but instead it plays at the lower right corner.

I have this code on the button

on(release){
_root.screen.loadMovie("1.swf");
}


Any help would be great
Thanks,

---

[F8] Desperate For A CAROUSEL MENU Actionscript, PLEASE HELP
Hello,

I'm a graphic design student and need to create a certain interface for a big project.
I want to make a spinning carousel menu which 'locks' onto a specific position when clicked, just like in
http://www.sobelifewater.com/index_flash.shtml
(it doesn't even have to be so fancy, I'd settle for the spinning bottles only if necessary...)
I would be most grateful to anyone who could help me with scripting such a menu...

Of course, I'm very new to Flash and actionscript, so I don't know how to take similar examples of carousel menus which are not exactly the same and adjust them to work like I want. It's like Chinese to me.

I hope someone could help...

---

[F8] Carousel Menu - Easing To Position
I am trying to make a 3d carousel menu ease to a predefined position. Problem is, I can't figure out the correct calculation to do that.

If i was easing x/y positions, it would be simple; (oldX-newX)*speed

But i'm trying to ease degrees. So (75degrees-0degrees)*speed wouldn't work.

What i came up with is degrees*.001
so i get a percentage of the degrees the items need to move each enterframe.

Problem is, as my items are moving, they start shifting, and overlapping. Click a few items and you'll see it happening.

link
http://philip-radvan.com/stuff/carousel/carousel45.html

I can't figure this out. It's been driving me crazy. Can someone shed some light on how to do this properly?

fla
http://philip-radvan.com/stuff/carousel/carousel45.zip

Here is a part of the code:

PHP Code:



function moveToItem(mc) {
    resetItems();
    product_mc.onEnterFrame = function() {
        for (var i = 0; i<numOfItems; i++) {
            item = eval("item"+i);
            item.id = i;
            item._x = Math.cos(item.angle)*radiusX+centerX;
            item._y = Math.sin(item.angle)*radiusY+centerY;
            var s = (item._y-perspective)/(centerY+radiusY-perspective);
            item._xscale = item._yscale=s*100;
            item._alpha = s*100;
            //
            //give items degrees
            item.Radians = Math.atan2((item._y-product_mc._y), (item._x-product_mc._x));
            item.degrees = Math.round(item.Radians*180/Math.PI);
            //
            //
            //
            // STUPID CODE HERE
            //
            dist = mc.degrees*.0014
            item.angle -= mc.degrees*.0014;
            
            //
            //
            //
            //
            //set depth
            //item.swapDepths(Math.round(item._xscale)+100);
        }
        if ((mc.degrees>=0)&&(mc.degrees<=5)) {
            dimItems();
            openItem(mc);
            delete product_mc.onEnterFrame;
        }
    };
}

---

Desperate For A CAROUSEL MENU Actionscript, PLEASE HELP
Hello,

I'm a graphic design student and need to create a certain interface for a big project.
I want to make a spinning carousel menu which 'locks' onto a specific position when clicked, just like in
http://www.sobelifewater.com/index_flash.shtml
(it doesn't even have to be so fancy, I'd settle for the spinning bottles only if necessary...)
I would be most grateful to anyone who could help me with scripting such a menu...

Of course, I'm very new to Flash and actionscript, so I don't know how to take similar examples of carousel menus which are not exactly the same and adjust them to work like I want. It's like Chinese to me.

I hope someone could help...

---

Navigation Carousel Type Menu
Does anyone know of a Flash Component that works like the menu/navigation carousel on the right side of the SixFlags home page. I have seen it on some component site but now that I need it I can't find it anywhere.
http://www.sixflags.com

---

Carousel-Type Menu Question
Hi, everyone -

I've just found this site, and its been a incredible resource. I've already taken many of the tutorials, and found a lot of stuff I needed to learn how to do!

I need to make a menu similar to how Apple's Ipod menu works - where the thumbnails appear "turned and stacked" to the left and right until you pull one out in the middle, at which time it turns to the front and shows its full view. I would think its something similar to the carousel or scrolling thumbnails tutorial?? Does anyone know where there is information on something like this?

Thanks so much!

---

How Can I Load An External Image Using This Carousel Code
I found this beautiful carousel ported to actionscript 3.0.
http://board.flashkit.com/board/atta...7&d=1188450564

How can I change the code so I can click one of the carousel images and have it load the companion large image located in a different folder into a movieclip on stage.

I am a newbie to AS3 and struggling to learn how to do things.

Hopefully, someday I will be smart enough to contribute to the forum with intelligent submissions.

---

Loading Image In Center Of Mc
i want to make a flash photo gallery in flash mx. problem is that the images are different sizes.

Is there a way of loading an image into the center of the registration marks of an empty movie-clip?

Or if there's another simple way of doing this please let me know.

thank you

---

Center A Scaled Image
I have a mc that contains a mc that have a picture that i want yo scale and center.

This fx does the job of finding the new xy coordinat

private function centerOfClip():Void
{

centerOfClipX = _width/2+_x;
centerOfClipY = _height/2+_y;

centerOfImageX = maskCenterX+myImage_mc._x;
centerOfImageY = maskCenterY+myImage_mc._y;

newImageCenterX = centerOfImageX-centerOfClipX;
newImageCenterY = centerOfImageY-centerOfClipY;


}

where centerOfClipx,y is where I click on my picture and the point I want to be in the center of the stage.

maskeCenter is the center of the stage.


myImage is the picture i want to scale etc.


This works fine until a scale of 200 procent.

When I go further, - it's not precise anymore.


What's wrong??

Kind regards


Godowsky

---

Center External Image
Hey,

Im loading my external images for gallery into a container. Is there a way to center them? right now they align to left top, and it looks crappy with hor / vert images.

thank you

---

Center External Image
Hey,

Im loading my external images for gallery into a container. Is there a way to center them? right now they align to left top, and it looks crappy with hor / vert images.

thank you

---

Load Image In Center Possible ?
Is there any way to load an image in the exact center of a movie clip ?

---

[As3]How To Center The Origin Of A Image?
If i load several external images inside a sprite, how can i set each of there origins to there center, so that all the images can be positioned correctly in the sprite?

---

Center Image In Slider
Hi

I put a yugop-like ImageSlider together, with a zoom function starting from the code of menu-slider.
It works fine, but the images are zooming from the upper left corner, while I would like to have them zooming from the center of the container containing the images.
Can somebody tell me, how this must be done here?


PHP Code:



spacing = 10;
pArray = new Array();
my_xml = new XML();
my_xml.ignoreWhite = true;
my_xml.onLoad = function(success) {
 if (success) {
  for (var i = 0; i<this.firstChild.childNodes.length; i++) {
   pArray.push(this.firstChild.childNodes[i].attributes.image);
  }
 }
 delay = setInterval(makeSlider, 100);
};
my_xml.load("gallery.xml");
var slider = this.createEmptyMovieClip("slides_tot", 99);
slider.setMask(mask);
var sub_slider = slider.createEmptyMovieClip("slider", 100);
var p = 0;
var i = 0;
var loadper = 0;
function makeSlider() {
 clearInterval(delay);
 var item = sub_slider.createEmptyMovieClip("pic"+i, i);
 item._y = -225;
 item.loadMovie(pArray[p]);
 var temp = _parent.createEmptyMovieClip("tmp", 9999+i);
 temp.onEnterFrame = function() {
  var tot = item.getBytesTotal();
  var loa = item.getBytesLoaded();
  var per = Math.round(((loa/tot)*100)/(pArray.length*2));
  loadBar._xscale = loadper+per;
  if (tot == loa && tot>4) {
   item.id = p;
   loadper += per;
   if (i>0) {
    item._x = sub_slider["pic"+(i-1)]._x+sub_slider["pic"+(i-1)]._width+spacing;
   } else {
    item._x = -250;
   }
   item.onRollOver = function() {
 
    this.ZoomDiv(150, 6);
 
    this.swapDepths(1000);  
   };
 
   item.onRollOut = function() {
 
    this.ZoomDiv(100, 6);
    this.swapDepths(500); 
   };
   nextItem();
   delete this.onEnterFrame;
  }
 };
}
var amount = pArray.length-1;
function nextItem() {
 if (i<((pArray.length*2)-1)) {
  i++;
  if (p<(pArray.length-1)) {
   p++;
   makeSlider();
  } else {
   p = 0;
   makeSlider();
  }
 } else {
  activateSlider();
 }
}
var center = Stage.width/2;
var speed = .05;
function activateSlider() {
 slider.onEnterFrame = function() {
  var distance = _root._xmouse-center;
  if (mask.hitTest(_root._xmouse, _root._ymouse)) {
   this._x += (distance*speed);
   if (this._x<-sub_slider._width/2) {
    this._x = 0;
   }
   if (this._x>0) {
    this._x = -sub_slider._width/2;
   }
  }
 };
}
//--------------------------------------------------------------
MovieClip.prototype.ZoomDiv = function(pDim, pTempo) {
 this.onEnterFrame = function() {
  if (this._xscale<pDim-1/pTempo) {
   this._xscale = this._xscale+(pDim-this._xscale)/pTempo;
   this._yscale = this._yscale+(pDim-this._yscale)/pTempo;
  } else if (this._xscale>pDim+1/pTempo) {
   this._xscale = this._xscale+(pDim-this._xscale)/pTempo;
   this._yscale = this._yscale+(pDim-this._yscale)/pTempo;
  } else {
   this._xscale = this._yscale=pDim;
   delete this.onEnterFrame;
  }
 };
};
ASSetPropFlags(MovieClip.prototype, "ZoomDiv", 1); 

---