按钮和框架的联动问题

Question

<script type="text/javascript">
var n = 1;//当前第几个图
var MIN=1;//最小的图序号是1
var MAX=10;//最大图序号是10，你自己改
function format(i) {//把数字转换成有前缀的字符串 1->001,15->015
  var s = i.toString(10);
  while(s.length<3){
    s = '0'+s;
  }
 return s;
}
function previous(){
  if(n>MIN) {
    n--;
    document.getElementById('pic').src = 'images/'+format(n)+'.jpg'; 
  } else {
    alert('已经是第一个了，前面没有了');
  }
}
function next(){
  if(n<MAX) {
    n++;
    document.getElementById('pic').src = 'images/'+format(n)+'.jpg';
  } else {
    alert('已经是最后一个了，后面没有了');
  }
}
</script>
<iframe height="762" width="766" src="pic.htm" name="I1" id="pic"> </iframe> 
<input type="button" value="上一页" onclick="previous()"/>
<input type="button" value="下一页" onclick="next()"/>