效果图：
图片是老师发的（很随意），以下是图片名，所以针对代码中的图片路径进行了解答（if判断中路径有0和没有0）。
代码如下：
<!doctype html><html><head><meta charset="utf-8"><title>切换图片</title><script>var n=1;var img,message;function nextPage(){n++;if(n>15){n=1;}if(n>9){img=document.getElementById("pic");img.src="picture/"+n+".jpg";}else if(n<=9){img=document.getElementById("pic");img.src="picture/0"+n+".jpg";}document.getElementById("num").innerHTML="当前是第"+n+"张";}function lastPage(){n--;if(n<1){n=15;}if(n>9){img=document.getElementById("pic");img.src="picture/"+n+".jpg";}else if(n<=9){img=document.getElementById("pic");img.src="picture/0"+n+".jpg";}document.getElementById("num").innerHTML="当前是第"+n+"张";}</script></head><body><h1 align="center">浏览照片</h1><p align="center"><input type="button" value="上一张" onclick="lastPage()"><span id="num">当前是第1张</span><input type="button" value="下一张" onclick="nextPage()"></p><p align="center"><img src="picture/01.jpg" id="pic" alt="无法显示" width="300" height="300"></p></body></html>
