Sunday, December 13, 2009

Creating an Image Slider Portfolio

import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;


stop();

//This is where I put my variables
var xPos:Tween;
var duration:Number = 2;
var ease:Function = None.easeInOut;

//This is where I put the buttonMode declarations.
nav01_mc.buttonMode = true;
nav02_mc.buttonMode = true;
nav03_mc.buttonMode = true;
nav04_mc.buttonMode = true;
nav05_mc.buttonMode = true;
nav06_mc.buttonMode = true;
nav07_mc.buttonMode = true;
nav08_mc.buttonMode = true;
nav09_mc.buttonMode = true;
nav10_mc.buttonMode = true;



/*This is where I put the event LIsteners
EventListeners allow me to have objects on my stage respond
to the users actions. The example below is responding to a
MouseClick.
*/
nav01_mc.addEventListener(MouseEvent.CLICK, gotoPic01);
nav02_mc.addEventListener(MouseEvent.CLICK, gotoPic02);
nav03_mc.addEventListener(MouseEvent.CLICK, gotoPic03);
nav04_mc.addEventListener(MouseEvent.CLICK, gotoPic04);
nav05_mc.addEventListener(MouseEvent.CLICK, gotoPic05);
nav06_mc.addEventListener(MouseEvent.CLICK, gotoPic06);
nav07_mc.addEventListener(MouseEvent.CLICK, gotoPic07);
nav08_mc.addEventListener(MouseEvent.CLICK, gotoPic08);
nav09_mc.addEventListener(MouseEvent.CLICK, gotoPic09);
nav10_mc.addEventListener(MouseEvent.CLICK, gotoPic10);



//This is where I put the functions. Remember that you have to add the myEvent variable so that the functions will respond to the listeners above.
function gotoPic01(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, 55, duration, true);
}

function gotoPic02(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -315, duration, true);
}

function gotoPic03(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -725, duration, true);
}

function gotoPic04(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -1075, duration, true);
}

function gotoPic05(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -1455, duration, true);
}

function gotoPic06(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -1915, duration, true);
}

function gotoPic07(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -2325, duration, true);
}

function gotoPic08(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -2775, duration, true);
}

function gotoPic09(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -3135, duration, true);
}

function gotoPic10(myEvent:MouseEvent) {
xPos = new Tween(imageSlider01_mc, "x", ease, imageSlider01_mc.x, -3515, duration, true);
}

No comments:

Post a Comment