Skrypt tworzy galerie obrazków, animowanÄ… po naciÅ›niÄ™ciu przycisku od 1 do 4, dla każdego obrazka.

 

Wersja On-line:

 

 

Aby skrypt zadziaÅ‚aÅ‚ należy utworzyć klip filmowy z 4 obrazkami wewnÄ…trz, nazwać go zdjÄ™cia_mc, stworzyć 4 przyciski o nazwach foto1_btn, foto2_btn, foto3_btn oraz foto4_btn. Należy również edytować liczby foto1X - foto4X które wskazujÄ… na miejsce w poziomie dla danego obrazka.

 

Ten przykÅ‚ad wykorzystuje biblioteke Tween Lite Basic, którÄ… można pobrać tutaj: [ pobierz ]

import gs.TweenLite;
import gs.easing.*;

//należy zmienić podane liczby na własne
var foto1X : Number = 189.5;
var foto2X : Number = 39.5;
var foto3X : Number = -110.5;
var foto4X : Number = -264.5;

var przyciski : Array = [foto1_btn,foto2_btn,foto3_btn,foto4_btn];

for (var i:int = 0; i< przyciski.length ; i++){
        przyciski[i].addEventListener(MouseEvent.CLICK,nawigacja);
}

function nawigacja(event:MouseEvent):void{
        switch (event.target){
                case (foto1_btn) : animuj(foto1X);
                break;

                case (foto2_btn) : animuj(foto2X);
                break;

                case (foto3_btn)  : animuj(foto3X);
                break;

                case (foto4_btn) : animuj(foto4X);
                break;
        }
}

function animuj(tweenX:Number):void{
        TweenLite.to(zdjecia_mc, 1, {x:tweenX, ease:Back.easeOut});
}