[RESOLVED] Need help with coding/scripting!

[spidey06]

Hi everyone,

I am trying to make a flash website using the same functions as this one http://events.q-dance.com.au/2011-09...ember_defqon1/ but I have no idea how to make it transition from left to right. I know that I have to put the background image(convert to movieclip) as 1 layer and put labels on them but I am unsure about the action script/coding needed.

If someone can pleasee help me with the coding and telling me the best way to make my website function transition left and right using buttons then it'll be very much appreciated! Thank you!!

[spidey06]

Has to be made using only adobe flash! No other programs .

[Steven FN]

I would put the background image into a MovieClip and then use the Tween class to animate the background panning. Could use greensock's TweenLite.

[spidey06]

Thank you ! What is greensocks tweenlite btw ? Lol sorry

[Steven FN]

It is a tweening engine by Greensock, which has better performance then Flash's built-in Tween class. For your purpose, i think the Tween class will perform satisfactory.

[spidey06]

flash code isn't working.. I need to make it kind of like this how it is panning http://www.webdesigndev.com/flash/ho...bsite-in-flash but the thing is that only works on using one key frame... Mine has a few key frames which has labels and a movieclips as the background images. I need a code to make it work. Here is an image of my work so far. I put the easeOut transition on but still isn't working the way I want to.

Here's my codes so far that doesn'nt work

stop();

home_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame);

function fl_ClickToGoToAndStopAtFrame(event:MouseEvent):voi d
{
gotoAndStop("home");
}



info_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_2);

function fl_ClickToGoToAndStopAtFrame_2(event:MouseEvent):v oid

{
gotoAndStop("info");
}



stages_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_3);

function fl_ClickToGoToAndStopAtFrame_3(event:MouseEvent):v oid
{
gotoAndStop("stages");
}



stage1_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_4);

function fl_ClickToGoToAndStopAtFrame_4(event:MouseEvent):v oid
{
gotoAndStop("stage1");
}

stage2_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_5);

function fl_ClickToGoToAndStopAtFrame_5(event:MouseEvent):v oid
{
gotoAndStop("stage2");
}



stage3_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_6);

function fl_ClickToGoToAndStopAtFrame_6(event:MouseEvent):v oid
{
gotoAndStop("stage3");
}



stage4_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_7);

function fl_ClickToGoToAndStopAtFrame_7(event:MouseEvent):v oid
{
gotoAndStop("stage4");
}



photos_btn.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndStopAtFrame_8);

function fl_ClickToGoToAndStopAtFrame_8(event:MouseEvent):v oid
{
gotoAndStop("photos");
}

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

var homeTween:Tween = new Tween(home_mc, "x",Strong.easeOut, home_mc.x,0,1,true);

[Steven FN]

Try the following to see if it animates, if i remember the Tween class, this should move it horizontally:

var homeTween:Tween = new Tween(home_mc, "x",Strong.easeOut, 0, home_mc.x+home_mc.width,1,true);

If it does work, then you would then use "homeTween.continueTo(230);" to move the background image to the desired x position.