Carousel back link

1

Hi,

I need some help :slight_smile:

I am using the tutorial at http://gotoandlearn.com to make a carousel for a client.

However, the client said that when the an image is clicked, it is not obvious that the user needs to click on the image again to get back to the carousel. What is the best way to do that?

I am thinking that a back text or image added above the original image would be nice, but how can that be achieved?

[FONT=Arial][SIZE=2]Here is the code I have:[/SIZE][/FONT]

[FONT=Arial][SIZE=2]

   import  mx.utils.Delegate;
import mx.transitions.Tween;
import  mx.transitions.easing.*;   var  numOfItems:Number;
var radiusX:Number = 250;
var radiusY:Number =  65;
var centerX:Number = Stage.width / 2;
var centerY:Number =  Stage.height / 2;
var speed:Number = 0.002;
var perspective:Number =  70;
var home:MovieClip = this;
theText._visible =  false;   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*.attributes.tooltip;
  t.content =  nodes*.firstChild.nodeValue;
  t.icon.inner.loadMovie(nodes*.attributes.image);
  t.r.inner.loadMovie(nodes*.attributes.image);
  t.icon.onRollOver  = over;
  t.icon.onRollOut = out;
  t.icon.onRelease =  released;
 }
}   function  over()
{
 //BONUS Section
 var sou:Sound = new  Sound();
 sou.attachSound("sover");
 sou.start();
 
 home.tooltip.tipText.text  = this._parent.toolText;
 home.tooltip._x = 300;
 home.tooltip._y =  30;
 home.tooltip._alpha = 100;
}   function  out()
{
 delete home.tooltip.onEnterFrame;
 home.tooltip._alpha =  0;
}   function  released()
{
 //BONUS Section
 var sou:Sound = new  Sound();
 sou.attachSound("sdown");
 sou.start();
 
 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,100,1,true);
   var  tw2:Tween = new  Tween(t,"_yscale",Strong.easeOut,t._yscale,100,1,true);
   var tw3:Tween =  new Tween(t,"_x",Strong.easeOut,t._x,90,1,true);
   var tw4:Tween = new  Tween(t,"_y",Strong.easeOut,t._y,185,1,true);
   theText._visible =  true;
   theText.htmlText = t.content;
   var s:Object =  this;
   tw.onMotionStopped = function()
   {
    s.onRelease =  unReleased;
   }
  }
 }
}   function  unReleased()
{
 //BONUS Section
 var sou:Sound = new  Sound();
 sou.attachSound("sdown");
 sou.start();
 
 delete  this.onRelease;
 theText._visible = false;
 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,100,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._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)/50800;
}

[/SIZE][/FONT]
</span>