# Sliding images

**URL:** <https://forum.kirupa.com/t/sliding-images/321559>\
**Category:** Uncategorized\
**Created:** [April 23, 2011, 12:38pm UTC](https://forum.kirupa.com/t/sliding-images/321559 "2011-04-23T12:38:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![babai](https://avatars.discourse-cdn.com/v4/letter/b/ce73a5/32.png) [@babai](https://forum.kirupa.com/u/babai)\
**Post date:** [April 23, 2011, 12:38pm UTC](https://forum.kirupa.com/t/sliding-images/321559/1 "2011-04-23T12:38:48Z")

</div>

## I will be highly oblized if I get a help from you experts. My actions script skills are very bad so I need this help. I have a set of action script codes through which I can run a xml driven slideshow. In this slideshow the images basically have the fade in and fade out effect. I want the images to have the sliding effect, i.e. they slide from left to right , one after another. Guys **please**  **help** me with this. THANX in advance. the code is as follows :

import mx.transitions.Tween;  
import mx.transitions.easing.\*;

var myShowXML = new XML();  
myShowXML.ignoreWhite = true;  
myShowXML.load(“slideshow.xml”);

myShowXML.onLoad = function() {  
\_root.myWidth = myShowXML.firstChild.attributes.width;  
\_root.myHeight = myShowXML.firstChild.attributes.height;  
\_root.mySpeed = myShowXML.firstChild.attributes.speed;

```
    _root.myImages = myShowXML.firstChild.childNodes;
    _root.myImagesNo = myImages.length;

    createContainer();
    callImages();

```

};

function createContainer() {  
\_root.createEmptyMovieClip(“myContainer\_mc”,1);

```
    myContainer_mc.lineStyle();
    myContainer_mc.lineTo(_root.myWidth,0);
    myContainer_mc.lineTo(_root.myWidth,_root.myHeight);
    myContainer_mc.lineTo(0,_root.myHeight);
    myContainer_mc.lineTo(0,0);

    myContainer_mc._x = (Stage.width-myContainer_mc._width)/2;
    myContainer_mc._y = (Stage.height-myContainer_mc._height)/2;

```

}

function callImages() {

```
    _root.myMCL = new MovieClipLoader();
    _root.myPreloader = new Object();
    _root.myMCL.addListener(_root.myPreloader);

    _root.myClips_array = [];

    _root.myPreloader.onLoadStart = function(target) {

            _root.createTextField("myText_txt",_root.getNextHighestDepth(),

```

0,0,100,20);  
\_root.myText\_txt.\_x = (Stage.width-\_root.myText\_txt.\_width)/2;  
\_root.myText\_txt.\_y = (Stage.height-\_root.myText\_txt.\_height)/2;  
\_root.myText\_txt.autoSize = “center”;

```
            _root.myText_txt.text = "test";

    };

    _root.myPreloader.onLoadProgress = function(target) {

            _root.myText_txt.text = "Loading.. "+_root.myClips_array.length

```

+"/"+\_root.myImagesNo+" Completed";

```
    };

    _root.myPreloader.onLoadComplete = function(target) {

            _root.myClips_array.push(target);
            target._alpha = 0;

            if (_root.myClips_array.length == _root.myImagesNo) {

                    _root.myText_txt._y = myContainer_mc._y + myContainer_mc._height +

```

(myContainer\_mc.\_height)/9 ;  
\_root.target\_mc = -1;  
moveSlide();  
myShowInt = setInterval(moveSlide, (\_root.mySpeed\*1000)+1000);

```
            }

    };

    for (i=0; i&lt;_root.myImagesNo; i++) {

            temp_url = _root.myImages*.attributes.url;
            temp_mc = myContainer_mc.createEmptyMovieClip(i,

```

myContainer\_mc.getNextHighestDepth());

```
            _root.myMCL.loadClip(temp_url,temp_mc);
    }

```

}

function moveSlide() {

```
    current_mc = _root.myClips_array[_root.target_mc];
    new Tween(current_mc, "_alpha", Strong.easeOut, 100, 0, 1, true);

    _root.target_mc++;

    if (_root.target_mc&gt;=_root.myImagesNo) {
            _root.target_mc = 0;
    }

    _root.myText_txt.text = _root.myImages[target_mc].attributes.title;
    next_mc = _root.myClips_array[_root.target_mc];
    new Tween(next_mc, "_alpha", Strong.easeOut, 0, 100, 1, true);

```

}

* * *