自己写的上一张,下一张片显示,搞不明白问题出在哪,大家帮忙看看,我好纠正,,,谢谢了
在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>张 第<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>
在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>张 第<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>
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;
}
}
恩,挺奇怪
怎么非的加这么一句才可以
需要改成
<a href="" class="sreimg_right" onclick="nextpic();return false;"></a>