[RESOLVED] Help looping an array

If anyone can help I will be so so thankfull,

please go to www.toolmarket.com to see what I am working with.

I would like to know how to loop the main player you see there everytime you get to the end of the 14h product. I have no idea how since I am new to actionscript. Any advice would help. Thanks in advance.

Right now I just have a code making an array of all the movieclips and then scrolling threw them.

Here is the actionscript:
(If you need the flash file I could send that two)

Actionscript Code:

myTimer = null;
var counter = null;
var roll = null;


// ******* Time Delays :: /////
myTimer = setInterval( function(){ scrollIcons(1);}, 6000 );

//•••••••••••••••••••••••
// ******* importing other classes :: ////
import caurina.transitions.Tweener;


//••••••••••••••••••••••••
=====================================
// Initialization methods

this.init = function():Void {
    // Initializes the movieclip

    // Properties- all the movieclips I am scrolling threw
    this.icons = [this.mk302wx1, this.dytp8640, this.ot3866, this.bsl130,  this.ro34788, this.apt8710,this.flkrld2, this.ot3825j, this.gwr85599, this.gwr85597, this.mc55500uv, this.lxt311hx1, this.mc98661, this.ir1207max, this.apt3018p ];
    this.iconNames = ["MK LCT302WX1", "DY TP-8640CS", "OT 3866", "BSL 130221SE","RO 34788", "APT 8710", "FLK RLD2", "OT 3825J","GWR 85599", "GWR 85597","MC 55500UV", "MK LXT311HX1", "MC 98661-PRO", "IR 1207MAX-D3", "APT 3018P"];

    this.currentIcon = 2;
    
    // Finally, redraws
    this.redraw(true);

    this.stop();
};

//•••••••••••••••••••••••••••
=====================================
// Execution methods
//-----------------------------------------------------------------------------------

this.redraw = function(p_immediate:Boolean) {
    // Redraws every item on their new position
    var i:Number;

    var scaleSmall:Number = 0.3; // Scale when not focused
    var scaleBig:Number = 1; // Scale when focused

    var baseX:Number = 340; // Base column for focused position
    var baseY:Number = 160; // Base row for all icons

    var iconDistance:Number = 130; // Distance between the center axis of each icon
    var iconDistanceFocused:Number = 220; // Distance between the center axis of each icon WHEN FOCUSED

    var animationTime:Number = p_immediate ? 0 : 0.6;
    var animationType:String = "easeoutCirc";

    // Redraw: icons
    
    // Set correct scale
    for (i = 0; i < this.icons.length; i++) {
        var distance:Number = this.currentIcon - i;
        var itemScale:Number = Math.abs(distance) > 1 ? scaleSmall : ((1-Math.abs(distance)) * (scaleBig-scaleSmall)) + scaleSmall;
        var itemX:Number = baseX + (distance * -iconDistance);
        if (distance != 0) {
            itemX += (iconDistanceFocused - iconDistance) * (distance > 0 ? -1 : +1);
        }

        Tweener.addTween(this.icons[i], {_x:itemX, _xscale:100 * itemScale, _yscale:100 * itemScale, time:animationTime, transition:animationType});

        this.icons[i]._y = baseY;

        if (animationTime > 0) {
            // Apply a motion blur depending on the ammount of pixels the object has to be moved
            var ammountToBlur:Number = Math.abs(this.icons[i]._x - itemX) / 12;
            Tweener.addTween(this.icons[i], {_blur_blurX:ammountToBlur, _blur_quality:2, time:animationTime/2, transition:"easeOutQuint"});
            Tweener.addTween(this.icons[i], {_blur_blurX:0, time:animationTime/2, delay:animationTime/2, transition:"easeOutQuad"});
        }}
    

//•••••••••••••••••••••••••••••
// Redraw: text
    this.caption.text = this.iconNames[this.currentIcon];
};

// ******* control for the scrolling looping back to number one
this.scrollIcons = function(p_offset:Number) {
    if (currentIcon == 14 && counter == null) // line of code that protects loop 
    {
        this.setIcon(0);}
    else {
        this.setIcon(this.currentIcon + p_offset);
        }};

//•••••••••••••••••••
// Finally Setting the Correct Icon (SET ICON FUNCTION)
this.setIcon = function(p_icon:Number) {
    // Set the currently selected icon
    if (p_icon != undefined) {
        if (p_icon < 0) p_icon = 0;
        if (p_icon > this.icons.length - 1) p_icon = this.icons.length - 1;
        if (p_icon != this.currentIcon) {
            this.currentIcon = p_icon;
            this.redraw(false);}}};

    
//===================================================================================
// End
//-----------------------------------------------------------------------------------

this.init();

What you want to do isn't clear.

gparis

All I would like is to have this player seem endless from right to left.
If you look at toolmarket.com you will see the player I am talking.

I would like the array to keep going on the left, when you get to the last icon
I would like the first icon to appear on the left of the last icon. (as if the array
is created again to the left)

I would take out the buttons that take you to the first and last icon,
as they would be arbitrary at that point.

Do you have any idea how to do this? Have an array be reapeated endlessly?

Code:

---

this.scrollIcons = function(p_offset:Number) {
        this.icons.push(this.icons.shift());
        this.iconNames.push(this.iconNames.shift());
        this.redraw(false);
};

---

you are amazing!! Thank you so much! I can't believe it was that easy,
Other people told me it was much harder

Could I by chance ask you one more question, since you seem like a flash expert!

On the rollovers on each product I want to embed a button to click to an URL, but the button needs to be inside the movie clip.

Everytime I put a button in the movieclip, the code does not work!
I have tried _root. and _parent. but still does not work.

Got a quick fix on this one too?

Ok - Thought the code was perfect, but now I see some flaws.

I cannot have a back button any longer. I want them to be able to go backwards if they want to, not necessarily endlessly, but at least one full turn.

Right now I set up a new code for going backwards and assigned it to the back button, BUT it screws up the forward button and it also does not generate the icons to the left that have gone off the pasteboard:

Actionscript Code:

this.scrollIconsback = function(p_offset:Number) {
    this.setIcon(this.currentIcon -1);
};

ANY IDEAS?

Code:

---

var goLeft = true;
this.scrollIcons = function(p_offset:Number) {
        if (goLeft) {
                this.icons.push(this.icons.shift());
                this.icons[this.icons.length-1]._x = Stage.width;
        } else {
                this.icons.unshift(this.icons.pop());
                this.icons[0]._x = 0-this.icons[0]._width;
        }
        this.redraw(false);
};
btnLeft.onPress = function() {
        goLeft = true;
};
btnRight.onPress = function() {
        goLeft = false;
};

---

Left button doesn't work!

does not go left at all

did you know that I have code on each arrow
CODE IS THE FOLLOWING:
[this.onRelease = function() {
this._parent.scrollIcons(-1);

]

Remove any code on the buttons.
Make sure the instance name is 'btnLeft'.

Just wanted to repspond to this post

Still never got anything to work.

Once I took the code I had of the individual buttons, nothing worked!
Didn't move anything, anyone got any ideas!

I just want to scroll through an array left and right, and when scrolling to the right i would love it to be endless, doesn't seeem like it should be that hard

Can you post a stripped down version of your current fla here?

Below is my actionscript code in the first frame
I could give you the source files if you need them


I just have code setting up an array of images
And two left and right btn lables btnRight and btnLeft
that I want to be able to scroll left to the beggining and scroll right endlessly....


What do you think?

Actionscript Code:

// ******* Variables I have added  :: ////
myTimer = null;
var counter = null;
var roll = null;

// ******* Time Delays :: /////
myTimer = setInterval( function(){ scrollIcons(1);}, 6000 );

//••••••••••••••••••••••••••••••••••••
// ******* importing other classes :: ////
import caurina.transitions.Tweener;


// Initialization methods
//-----------------------------------------------------------------------------------

this.init = function():Void {
    // Initializes the movieclip

    // Properties
    this.icons = [this.mk302wx1, this.dytp8640, this.ot3866, this.Hammer,  this.ro34788, this.apt8710,this.flkrld2, this.ot3825j, this.gwr85599, this.gwr85597, this.mc55500uv, this.lxt311hx1, this.mc98661, this.ir1207max, this.apt3018p, this.bsl130];
    this.iconNames = ["MK LCT302WX1", "DY TP-8640CS", "OT 3866", "IR 2015MAX","RO 34788", "APT 8710", "FLK RLD2", "OT 3825J","GWR 85599", "GWR 85597","MC 55500UV", "MK LXT311HX1", "MC 98661-PRO", "IR 1207MAX-D3", "APT 3018P", "BSL 130221SE" ];

    this.currentIcon = 3;
    
    // Finally, redraws
    this.redraw(true);

    this.stop();
};

// Execution methods
//-----------------------------------------------------------------------------------

this.redraw = function(p_immediate:Boolean) {
    // Redraws every item on their new position
    var i:Number;

    var scaleSmall:Number = 0.3; // Scale when not focused
    var scaleBig:Number = 1; // Scale when focused

    var baseX:Number = 340; // Base column for focused position
    var baseY:Number = 160; // Base row for all icons

    var iconDistance:Number = 130; 
    var iconDistanceFocused:Number = 220; 

    var animationTime:Number = p_immediate ? 0 : 0.5;
    var animationType:String = "easeoutCirc";

    // Redraw: icons
    
    // Set correct scale
    for (i = 0; i < this.icons.length; i++) {
        var distance:Number = this.currentIcon - i;
        var itemScale:Number = Math.abs(distance) > 1 ? scaleSmall : ((1-Math.abs(distance)) * (scaleBig-scaleSmall)) + scaleSmall;
        var itemX:Number = baseX + (distance * -iconDistance);
        if (distance != 0) {
            itemX += (iconDistanceFocused - iconDistance) * (distance > 0 ? -1 : +1);
        }

        Tweener.addTween(this.icons[i], {_x:itemX, _xscale:100 * itemScale, _yscale:100 * itemScale, time:animationTime, transition:animationType});

        this.icons[i]._y = baseY;

        if (animationTime > 0) {
            // Apply a motion blur depending on the ammount of pixels the object has to be moved
            var ammountToBlur:Number = Math.abs(this.icons[i]._x - itemX) / 12;
            Tweener.addTween(this.icons[i], {_blur_blurX:ammountToBlur, _blur_quality:2, time:animationTime/2, transition:"easeOutQuint"});
            Tweener.addTween(this.icons[i], {_blur_blurX:0, time:animationTime/2, delay:animationTime/2, transition:"easeOutQuad"});
        }
        }

    

//••••••••••••••••••••••••••••••••••••••
// Redraw: text
    this.caption.text = this.iconNames[this.currentIcon];}

var goLeft = true;
this.scrollIcons = function(p_offset:Number) {
    if (goLeft = true) {
        this.icons.push(this.icons.shift());
        this.icons[this.icons.length-1]._x = Stage.width;
    } else {
        this.icons.unshift(this.icons.pop());
        this.icons[0]._x = 0-this.icons[0]._width;
    }
    this.redraw(false);
};
btnLeft.onPress = function() {
    goLeft = true;
};
btnRight.onPress = function() {
    goLeft = false;
};


//••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
// Finally Setting the Correct Icon (SET ICON FUNCTION)
this.setIcon = function(p_icon:Number) {
    // Set the currently selected icon
    if (p_icon != undefined) {
        if (p_icon < 0) p_icon = 0;
        if (p_icon > this.icons.length - 1) p_icon = this.icons.length - 1;
        if (p_icon != this.currentIcon) {
            this.currentIcon = p_icon;
            this.redraw(false);}}};
    
==============================
// End
//-----------------------------------------------------------------------------------


this.init();

I don't need your 'real' source files, just a stripped down version that has the structure and code in it.

well that should be it, what I posted before

That is just the actionscript I am having a problem with, and that is what is delegated the scroll.

Let me know what you think, thanks a lot!

If you want:

Here is a link for the "stripped down version" of this player in one folder including the folder for the class that is helping the player scroll.



Let me know if anyone has any ideas

You can see what the player looks like without the link on www.toolmarket.com

Sorry, but I can't get files from other sites, that's why I asked if you could post it here.

Sorry about that, then how do I get you the file?

I posted all the actionscript before that is in question, what else do you need on this?

Does this work?

I didn't realize there was an advance post sorry!

No files in the zip.

This is getting ridiculous i must have been over the limit


ok how about this?