# Pause and Play a slideshow, please help

**URL:** https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624
**Category:** flash
**Created:** [June 17, 2008, 7:33pm UTC](https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624 "2008-06-17T19:33:19Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![aguscuervo](https://avatars.discourse-cdn.com/v4/letter/a/ea666f/32.png) [@aguscuervo](https://forum.kirupa.com/u/aguscuervo)
#### Post date: [June 17, 2008, 7:33pm UTC](https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624/1 "2008-06-17T19:33:19Z")

</div>

Hello again, I’m still trying to work this out…

I’m trying to pause and play the slideshow tutorial. I managed to pause it, with a clearInterval (pressing the up key), but I don’t know how to start it again.

Can anyone please help me?  
Thank you in advance

Here is the code (at the end are the listeners):

delay = 3000;  
//-----------------------  
function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
}  
firstImage();  
} else {  
content = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images.xml”);  
p = 0;  
this.onEnterFrame = function() {  
filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
preloader.\_visible = true;  
if (loaded != filesize) {  
preloader.preload\_bar.\_xscale = 100\*loaded/filesize;  
} else {  
preloader.\_visible = false;  
if (picture.\_alpha\<100) {  
picture.\_alpha += 10;  
}  
}  
};  
function nextImage() {  
if (p\<(total-1)) {  
p++;  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
slideshow();  
}  
}  
}  
function prevImage() {  
if (p\>0) {  
p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
desc\_txt.text = description[0];  
picture\_num();  
slideshow();  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;  
}  
function slideshow() {  
myInterval = setInterval(pause\_slideshow, delay);  
function pause\_slideshow() {  
clearInterval(myInterval);  
if (p == (total-1)) {  
p = 0;  
firstImage();  
} else {  
nextImage();  
}  
}  
}  
//////////////////////////  
listen = new Object();  
listen.onKeyDown = function() {  
if (Key.getCode() == Key.DOWN) {  
¿?¿??¿?¿?¿?¿?¿?¿¿??¿?¿??¿?¿?¿?¿?¿?¿?¿  
}  
};  
listen = new Object();  
listen.onKeyDown = function() {  
if (Key.getCode() == Key.UP) {  
clearInterval(myInterval);  
}

/////////////////////////////////////

---

<div class="post-metadata">

### Author: ![aguscuervo](https://avatars.discourse-cdn.com/v4/letter/a/ea666f/32.png) [@aguscuervo](https://forum.kirupa.com/u/aguscuervo)
#### Post date: [June 17, 2008, 8:00pm UTC](https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624/2 "2008-06-17T20:00:04Z")

</div>

fu\*\*\*\* I don’t know what I’ve touched but now it doesn’t even work the pause button.  
Can anyone help me please? what is my mistake?

---

<div class="post-metadata">

### Author: ![jitu78](https://avatars.discourse-cdn.com/v4/letter/j/258eb7/32.png) [@jitu78](https://forum.kirupa.com/u/jitu78)
#### Post date: [June 20, 2008, 4:30pm UTC](https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624/3 "2008-06-20T16:30:54Z")

</div>

I have done similar work for my photo gallery, just call setInterval function with check boolean variable.  
See here, [Flash Slide Show](http://www.gigaturn.com/flash-work.htm)

---

<div class="post-metadata">

### Author: ![aguscuervo](https://avatars.discourse-cdn.com/v4/letter/a/ea666f/32.png) [@aguscuervo](https://forum.kirupa.com/u/aguscuervo)
#### Post date: [June 21, 2008, 7:55am UTC](https://forum.kirupa.com/t/pause-and-play-a-slideshow-please-help/263624/4 "2008-06-21T07:55:32Z")

</div>

thank you guys!

I was checking the forums and found simething nicer than just 2 buttons…

It’s a pause/play button… in the same spot, when you hit pause it hides the button and shows the play btn… works very smoothly tho i still have a problem.

The pause/play works until i hit one of the thumbnails. If I do it changes the picture correctly but it stops working the pause/play button.  
Maybe you can hlp me with this, what i’m doing wrong??

```auto
 
delay = 3000;
//----------------------- 
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        thumbnails = [];
        links = [];
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
            description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
            thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
            links* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
            thumbnails_fn(i);
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");

//////////////////////////
listen = new Object();
listen.onKeyDown = function() {
    if (Key.getCode() == Key.LEFT) {
        prevImage();
    } else if (Key.getCode() == Key.RIGHT) {
        nextImage();
    }
};
Key.addListener(listen);
previous_btn.onRelease = function() {
    prevImage();
};
next_btn.onRelease = function() {
    nextImage();
};

///////////////////////////////////// 
p = 0;
this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    if (loaded != filesize) {
        preloader.preload_bar._xscale = 100*loaded/filesize;
    } else {
        preloader._visible = false;
        picture.onRelease = function() {
            getURL(links[p], "_blank");
        };
        if (picture._alpha<100) {
            picture._alpha += 10;
        }
    }
};
function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            picture_num();
            slideshow();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        desc_txt.text = description[0];
        picture_num();
        slideshow();
    }
}
function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
    // thumbnail code! 
    this.createEmptyMovieClip("tscroller", 1000);
    scroll_speed = 30;
    tscroller.onEnterFrame = function() {
        if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
            if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
                thumbnail_mc._x -= scroll_speed;
            } else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
                thumbnail_mc._x += scroll_speed;
            }
        } else {
            delete tscroller.onEnterFrame;
        }
    };
}
function thumbnails_fn(k) {
    thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
    tlistener = new Object();
    tlistener.onLoadInit = function(target_mc) {
        target_mc._x = hit_left._x+(target_mc._width+5)*k;
        target_mc.pictureValue = k;
        target_mc.onRelease = function() {
            p = this.pictureValue-1;
            nextImage();
        };
        target_mc.onRollOver = function() {
            this._alpha = 50;
            thumbNailScroller();
        };
        target_mc.onRollOut = function() {
            this._alpha = 100;
        };
    };
    image_mcl = new MovieClipLoader();
    image_mcl.addListener(tlistener);
    image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}
function slideshow() {

myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {

clearInterval(myInterval);
if (p == (total-1)) {

p = 0;
firstImage();

} else {

nextImage();

}
}
} 
playing = true;
btn_play.onPress = function() {
    playing = true;
    nextImage();
};
btn_play._visible = false;
btn_play.onRelease = btn_play.onReleaseOutside=function () {
    this._visible = false
    btn_pause._visible = true
};
btn_pause.onPress = function() {
    playing = false;
    this._visible = false
    btn_play._visible = true
    clearInterval(myInterval);
};

```