点击上、下一页显示图片

 

function onNextBtnBtnClick(e:MouseEvent):void {
	removePic();

	currentPicIndex++;
	if (currentPicIndex==len) {
		currentPicIndex=0;
	}
	loadPic(arr_picURL[currentPicIndex]);
}

function onPrevBtnClick(e:MouseEvent):void {
	removePic();

	currentPicIndex--;
	if (currentPicIndex<0) {
		currentPicIndex=len-1;
	}
	loadPic(arr_picURL[currentPicIndex]);
}

function removePic():void {
	var num:int=sprite.numChildren;
	for (var j:int=0; j<num; j++) {
		sprite.removeChildAt(0);
	}
}

 

    设置最初默认显示第一张图片，设置currentPicIndex=0。len是图片数目，因此图片索引号范围是：0～len-1。 我们设置每点击一次下一页按钮，currentPicIndex+1，然后再载入当前索引号的图片。注意到，当我们点击第len-1次的时候，刚好是载入最后一张图片（因为图片最大的索引号为len-1），因此当我们再点击下一页按钮，currentPicIndex就等于len了，已经超过了最后一张图片的索引号，因此此时（ currentPicIndex==len）要设置currentPicIndex=0，从头开始浏览图片。

    同理，下面再来看点击上一页按钮的情况。我们设置每点击一次上一页按钮，currentPicIndex-1，然后再载入该索引号的图片，注意到，当currentPicIndex=0时，此时已经是第一张图片，如果再点击一次，currentPicIndex=-1了，这不在图片索引号范围内，因此此时（ currentPicIndex<0）要设置currentPicIndex=len-1。

 

    注意，此处的关键是： 点击按钮后再对索引号进行变化，得到相应的图片索引号，然后再载入图片。

 

function prevBtnClickedhandler(e:MouseEvent):void {
	counter--;
	/*if (counter==-1) {
	counter=0;
	}
	removeMC();
	loadPic(counter);
	*/
	if (counter>=0) {
		removeMC();
		loadPic(counter);
	} else {
		counter=0;
	}
}
function nextBtnClickedhandler(e:MouseEvent):void {
	counter++;
	/*if (counter==len) {
	counter=len-1;
	}
	removeMC();
	loadPic(counter);
	*/
	if (counter<=len-1) {
		removeMC();
		loadPic(counter);
	} else {
		counter=len-1;
	}
}

function removeMC():void {
	var num:int=picSprite.numChildren;
	for (var j:int=0; j<num; j++) {
		picSprite.removeChildAt(0);
	}
}