# Horizontally scrolling images with Tweener, remove white space

**URL:** <https://forum.kirupa.com/t/horizontally-scrolling-images-with-tweener-remove-white-space/317185>\
**Category:** flash\
**Created:** [December 13, 2010, 11:51am UTC](https://forum.kirupa.com/t/horizontally-scrolling-images-with-tweener-remove-white-space/317185 "2010-12-13T11:51:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![zasonitro](https://avatars.discourse-cdn.com/v4/letter/z/3ab097/32.png) [@zasonitro](https://forum.kirupa.com/u/zasonitro)\
**Post date:** [December 13, 2010, 11:51am UTC](https://forum.kirupa.com/t/horizontally-scrolling-images-with-tweener-remove-white-space/317185/1 "2010-12-13T11:51:12Z")

</div>

Hello.

I’m using FP10, AS3 and the Caurina Tweener lib to make a horizontal scroller. It automatically scrolls movieclips from right to left, through a 500x500 picture frame.

Here’s my script:

```auto
import caurina.transitions.*;
import flash.events.Event;

stop();

fromBeginning();

function fromBeginning() {
    for (var i:Number = 1; i < 12; i++) {
        this["Pic"+i].alpha=0;
        this["Pic"+i].x=457;
}
    scrollPictures();
}

function scrollPictures():void {
    var delay = 0;
    var deltaDelay = 1.76;

    var fadeTime = 0.0;
    var speed = 5;

    Tweener.addTween(Pic1, {alpha:1, time:fadeTime, transition:"linear"});
    Tweener.addTween(Pic1, {x:-400, time:speed, transition:"linear"});
    Tweener.addTween(Pic2, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic2, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic3, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic3, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic4, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic4, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic5, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic5, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic6, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic6, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic7, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic7, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic8, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic8, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic9, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic9, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic10, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic10, {x:-400, time:speed, delay:delay, transition:"linear"});
    Tweener.addTween(Pic11, {alpha:1, time:fadeTime, delay:delay = delay + deltaDelay, transition:"linear"});
    Tweener.addTween(Pic11, {x:-400, time:speed, delay:delay, transition:"linear", onComplete:fromBeginning });
}

```

Each picture will start from the right edge of the window and scroll through the whole frame until it slides out of it on the left.  
This whole thing should be an infinite loop.  
The problem is that there’s a white space between the last and the first picture, so it doesn’t look like a proper loop.

Could somebody help me removing that white space, please?

Thanks!