# Dynamic image gallery - next button

**URL:** <https://forum.kirupa.com/t/dynamic-image-gallery-next-button/240007>\
**Category:** flash\
**Created:** [September 28, 2007, 6:29am UTC](https://forum.kirupa.com/t/dynamic-image-gallery-next-button/240007 "2007-09-28T06:29:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![atstockland](https://avatars.discourse-cdn.com/v4/letter/a/d6d6ee/32.png) [@atstockland](https://forum.kirupa.com/u/atstockland)\
**Post date:** [September 28, 2007, 6:29am UTC](https://forum.kirupa.com/t/dynamic-image-gallery-next-button/240007/1 "2007-09-28T06:29:45Z")

</div>

I am a photographer and also design my own site. Please visit [http://www.adamstockland.com](http://www.adamstockland.com) to view what I am trying to do. As it is now my images are loaded via a function that is called when one of the icons is pressed. What I am having trouble doing is creating a “next” and “back” btn or a slideshow. What I have been trying to do is have a hidden text box that holds a dynamic image # (instance name = ImageNumber). Then I am trying to attach a function to the “next” btn that basically says “if” image number = 1 load image 2 else if image number = 6 load 7, and so on. I cant seem to get it all to work. Any ideas??

Here is my code. The “next btn” function is limited to three statements as I am just trying to get it to work. Eventually it will have 34 statements…once I get it work properly…

All other function are working properly.

My code:

stop();  
//load initial image  
infoField.\_visible = true;  
ImageNumber.text = “1”;  
startLoading(“portfolio/images/image1.jpg”);  
//  
//next\_btn function  
this.next\_btn.onRelease = function() {  
if (this.ImageNumber.text=“2”) {  
ImageNumber.text = “3”;  
startLoading(“portfolio/images/image3.jpg”);  
} else if (this.ImageNumber.text=“3”) {  
ImageNumber.text = “4”;  
startLoading(“portfolio/images/image4.jpg”);  
} else if (this.ImageNumber.text=“4”) {  
ImageNumber.text = “5”;  
startLoading(“portfolio/images/image5.jpg”);  
}  
};  
//  
this.icon1\_mv.icon1\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “1”;  
startLoading(“portfolio/images/image1.jpg”);  
};  
this.icon2\_mv.icon2\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “2”;  
startLoading(“portfolio/images/image2.jpg”);  
};  
this.icon3\_mv.icon3\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “3”;  
startLoading(“portfolio/images/image3.jpg”);  
};  
this.icon4\_mv.icon4\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “4”;  
startLoading(“portfolio/images/image4.jpg”);  
};  
this.icon5\_mv.icon5\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “5”;  
startLoading(“portfolio/images/image5.jpg”);  
};  
this.icon6\_mv.icon6\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “6”;  
startLoading(“portfolio/images/image6.jpg”);  
};  
this.icon7\_mv.icon7\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “7”;  
startLoading(“portfolio/images/image7.jpg”);  
};  
this.icon8\_mv.icon8\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “8”;  
startLoading(“portfolio/images/image8.jpg”);  
};  
this.icon9\_mv.icon9\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “9”;  
startLoading(“portfolio/images/image9.jpg”);  
};  
this.icon10\_mv.icon10\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “10”;  
startLoading(“portfolio/images/image10.jpg”);  
};  
this.icon11\_mv.icon11\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “11”;  
startLoading(“portfolio/images/image11.jpg”);  
};  
this.icon12\_mv.icon12\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “12”;  
startLoading(“portfolio/images/image12.jpg”);  
};  
this.icon13\_mv.icon13\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “13”;  
startLoading(“portfolio/images/image13.jpg”);  
};  
this.icon14\_mv.icon14\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “14”;  
startLoading(“portfolio/images/image14.jpg”);  
};  
this.icon15\_mv.icon15\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “15”;  
startLoading(“portfolio/images/image15.jpg”);  
};  
this.icon16\_mv.icon16\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “16”;  
startLoading(“portfolio/images/image16.jpg”);  
};  
this.icon17\_mv.icon17\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “17”;  
startLoading(“portfolio/images/image17.jpg”);  
};  
this.icon18\_mv.icon18\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “18”;  
startLoading(“portfolio/images/image18.jpg”);  
};  
this.icon19\_mv.icon19\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “19”;  
startLoading(“portfolio/images/image19.jpg”);  
};  
this.icon20\_mv.icon20\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “20”;  
startLoading(“portfolio/images/image20.jpg”);  
};  
this.icon21\_mv.icon21\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “21”;  
startLoading(“portfolio/images/image21.jpg”);  
};  
this.icon22\_mv.icon22\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “22”;  
startLoading(“portfolio/images/image22.jpg”);  
};  
this.icon23\_mv.icon23\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “23”;  
startLoading(“portfolio/images/image23.jpg”);  
};  
this.icon24\_mv.icon24\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “24”;  
startLoading(“portfolio/images/image24.jpg”);  
};  
this.icon25\_mv.icon25\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “25”;  
startLoading(“portfolio/images/image25.jpg”);  
};  
this.icon26\_mv.icon26\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “26”;  
startLoading(“portfolio/images/image26.jpg”);  
};  
this.icon27\_mv.icon27\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “27”;  
startLoading(“portfolio/images/image27.jpg”);  
};  
this.icon28\_mv.icon28\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “28”;  
startLoading(“portfolio/images/image28.jpg”);  
};  
this.icon29\_mv.icon29\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “29”;  
startLoading(“portfolio/images/image29.jpg”);  
};  
this.icon30\_mv.icon30\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “30”;  
startLoading(“portfolio/images/image30.jpg”);  
};  
this.icon31\_mv.icon31\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “31”;  
startLoading(“portfolio/images/image31.jpg”);  
};  
this.icon32\_mv.icon32\_btn.onRelease = function() {  
infoField.\_visible = true;  
ImageNumber.text = “32”;  
startLoading(“portfolio/images/image32.jpg”);  
};  
function startLoading(whichImage) {  
loadMovie(whichImage, “imageLoader”);  
\_root.onEnterFrame = function() {  
L = imageLoader.getBytesLoaded();  
T = imageLoader.getBytesTotal();  
P = Math.floor((L/T)\*100);  
if (P\>1, P\<25) {  
this.infoField.text = “…”;  
} else if (P\>25, P\<50) {  
this.infoField.text = “1/4”;  
} else if (P\>50, P\<75) {  
this.infoField.text = “1/2”;  
} else if (P\>75, P\<99) {  
this.infoField.text = “3/4”;  
} else if (P\>99) {  
this.infoField.text = “”;  
this.infoField.\_visible = false;  
delete this.onEnterFrame;  
}  
};  
}