自己写的上一张,下一张片显示,搞不明白问题出在哪,大家帮忙看看,我好纠正,,,谢谢了
在IE6下 图片只能显示一部分,其他浏览器正常,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
table{width:100%; text-align:center;}
.innerpcImg,.minpic_img{width:960px;margin:0 auto; position:relative;}
.sreimg_left{width:50px;height:100px; background-color:red; position:absolute; display:block;left:0;top:130px;}
.sreimg_right{width:50px;height:100px; background-color:red; position:absolute; display:block;right:0;top:130px;}
</style>
</head>
<body>
<div class="minpic_img">
<div class="innerpcImg">
<table class="pcmgtab">
<tr><td valign="middle" align="center" height="450"><img src="http://box.7k7k.com/images/f1.jpg" id="imgbox" /></td></tr>
</table>
</div>
<div class="allpz">共<b id="allnum">1</b>张&nbsp;第<span id="currentnum">1</span>张</div>
<a href="javascript:void(0)" class="sreimg_left" onclick="prepic()"></a>
<a href="javascript:void(0)" class="sreimg_right" onclick="nextpic()"></a>
</div>
<script type="text/javascript">
var i = 0; //全局变量
var picArr = new Array("http://box.7k7k.com/images/f1.jpg","http://box.7k7k.com/images/f2.jpg","http://box.7k7k.com/images/f3.jpg","http://box.7k7k.com/images/f4.jpg"); //所有图片的路径,存放到数组里
var pic = document.getElementById("imgbox"); //获取图片ID
var currentnum=document.getElementById("currentnum");
var allnum=document.getElementById("allnum");
allnum.innerHTML=picArr.length;
function prepic(){
  i--;
  currentnum.innerHTML=i+1;
  pic.src = picArr[i]; 
  if(i < 0){
i=0;
currentnum.innerHTML=i+1;
pic.src = picArr[i];
alert("已经是第一张");
}
}
function nextpic(){
i++;
pic.src = picArr[i]; 
currentnum.innerHTML=i+1;
if(i > picArr.length-1){
i=picArr.length-1;
currentnum.innerHTML=i+1;
pic.src = picArr[i]
alert("已经是最后一张");
//return;
   }
}
</script>
</body>
</html>

解决方案 »

  1.   

    function nextpic(){
    i++;
    pic.src = picArr[i]; 
    currentnum.innerHTML=i+1;
    alert("第" + i + "张");
    if(i > picArr.length-1){
    i=picArr.length-1;
    currentnum.innerHTML=i+1;
    pic.src = picArr[i]
    alert("已经是最后一张");
    //return;
    }
    }
    恩,挺奇怪
      

  2.   

    alert("第" + i + "张");  
    怎么非的加这么一句才可以
      

  3.   

    <a href="javascript:void(0)" class="sreimg_right" onclick="nextpic()"></a>
    需要改成
    <a href="" class="sreimg_right" onclick="nextpic();return false;"></a>