# Carousel back link

**URL:** <https://forum.kirupa.com/t/carousel-back-link/274955>\
**Category:** Uncategorized\
**Created:** [November 6, 2008, 11:22pm UTC](https://forum.kirupa.com/t/carousel-back-link/274955 "2008-11-06T23:22:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dalv](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@dalv](https://forum.kirupa.com/u/dalv)\
**Post date:** [November 6, 2008, 11:22pm UTC](https://forum.kirupa.com/t/carousel-back-link/274955/1 "2008-11-06T23:22:33Z")

</div>

Hi,

I need some help 🙂

I am using the tutorial at [http://gotoandlearn.com](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]

```php
   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\>