<input type='button' value='上一张' οnclick='getPrev()' />
<input type='button' value='下一张' οnclick='getNext()' />
<div id='myArea'><img width='1366' height='768' src='./images/1.jpg' /></div>
<script>
var listArr = [
'./images/2.jpg',
'./images/3.jpg',
'./images/4.jpg',
'./images/5.jpg',
'./images/6.jpg',
'./images/7.jpg'
];
var currPic = 0;
function getPrev() {
var myArea = document.getElementByIdx_x('myArea');
currPic = currPic - 1;
if (currPic < 0) {
currPic = listArr.length - 1;
}
myArea.firstChild.src = listArr[currPic];
}
function getNext() {
var myArea = document.getElementByIdx_x('myArea');
currPic = currPic + 1;
if (currPic >= listArr.length) {
currPic = 0;
}
myArea.firstChild.src = listArr[currPic];
}
</script>