在网页上,点击图片的左右和又边显示下一张图片
在网页上,点击图片的左右和又边显示下一张图片,不须重新载入大量的代码,不能自定义css,必须使用style。就是说,我只能在body中写代码,请高手帮我看一下我代码是那里...
在网页上,点击图片的左右和又边显示下一张图片,不须重新载入大量的代码,不能自定义css,必须使用style。就是说,我只能在body中写代码,请高手帮我看一下我代码是那里有问题。
<div style="width:720px; height:958px; position:relative; margin:0px auto;">
<a href="javascript:kDisImg();" style="display:block; position:absolute; z-index:9999; float:left; width:360px; height:958px; cursor:auto" title="上一页">1</a>
<div id="kImageDiskPlay" style="width:720px; height:958px; position:absolute; margin:0px auto; left:0px; top:0px; z-index:1;"></div>
<a href="javascript:kDisImg()" style="display:block; width:360px; height:958px; z-index:9999; position:absolute; left: 361px; cursor:auto" alt="下一页">2</a>
</div>
<script language="javascript" type="text/javascript">
<!--
var kImage=new Array(39);
var i=1;
kImage[1]="jpg/1.jpg";
kImage[2]="jpg/2.jpg";
kImage[3]="jpg/3.jpg";
function kDisImg(){
if (i>=4) i=1;
document.getElementById("kImageDiskPlay").innerHTML="<img src=" + kImage[i] + " / >";
i++;
}
--></script> 展开
<div style="width:720px; height:958px; position:relative; margin:0px auto;">
<a href="javascript:kDisImg();" style="display:block; position:absolute; z-index:9999; float:left; width:360px; height:958px; cursor:auto" title="上一页">1</a>
<div id="kImageDiskPlay" style="width:720px; height:958px; position:absolute; margin:0px auto; left:0px; top:0px; z-index:1;"></div>
<a href="javascript:kDisImg()" style="display:block; width:360px; height:958px; z-index:9999; position:absolute; left: 361px; cursor:auto" alt="下一页">2</a>
</div>
<script language="javascript" type="text/javascript">
<!--
var kImage=new Array(39);
var i=1;
kImage[1]="jpg/1.jpg";
kImage[2]="jpg/2.jpg";
kImage[3]="jpg/3.jpg";
function kDisImg(){
if (i>=4) i=1;
document.getElementById("kImageDiskPlay").innerHTML="<img src=" + kImage[i] + " / >";
i++;
}
--></script> 展开
2个回答
展开全部
你的问题应该是两个上下页的a里,你没有定义背景,必须要设置背景,给你完整的,希望可以帮到你。
<script language="javascript" type="text/javascript">
<!--
var sImg = new Array(3);
var sI=1;
sImg[1]="1.jpg";
sImg[2]="2.jpg";
sImg[3]="3.jpg";
function sSetHtml(x){document.getElementById("pDisk").innerHTML="<img src='" + sImg[x] + "' />";}
function sSetDefault(){
if (sI<=0) sI=3;
if (sI>=4) sI=1;
}
function pBack(){
sSetDefault();
sSetHtml(sI);
sI--;
}
function pNext(){
sSetDefault();
sSetHtml(sI);
sI++;
}
-->
</script>
<div style="margin:0px auto; width:800px; height:600px; position:relative">
<a title="上一页" href="javascript:pBack();" style="background:url('透明背景.gif') no-repeat scroll 0 0 transparent; width:50%; height:100%; z-index:9999; position:absolute; cursor:url('鼠标指针向左.cur'),pointer; left:0px; top:0px;"></a>
<a title="下一页" href="javascript:pNext();" style="background:url('透明背景.gif') no-repeat scroll 0 0 transparent; width:50%; height:100%; z-index:9999; position:absolute; cursor:url('鼠标指针向左.cur'),pointer; left:400px; top:0px;"></a>
<a id="pDisk"></a></div>
<script language="javascript" type="text/javascript">
<!--
var sImg = new Array(3);
var sI=1;
sImg[1]="1.jpg";
sImg[2]="2.jpg";
sImg[3]="3.jpg";
function sSetHtml(x){document.getElementById("pDisk").innerHTML="<img src='" + sImg[x] + "' />";}
function sSetDefault(){
if (sI<=0) sI=3;
if (sI>=4) sI=1;
}
function pBack(){
sSetDefault();
sSetHtml(sI);
sI--;
}
function pNext(){
sSetDefault();
sSetHtml(sI);
sI++;
}
-->
</script>
<div style="margin:0px auto; width:800px; height:600px; position:relative">
<a title="上一页" href="javascript:pBack();" style="background:url('透明背景.gif') no-repeat scroll 0 0 transparent; width:50%; height:100%; z-index:9999; position:absolute; cursor:url('鼠标指针向左.cur'),pointer; left:0px; top:0px;"></a>
<a title="下一页" href="javascript:pNext();" style="background:url('透明背景.gif') no-repeat scroll 0 0 transparent; width:50%; height:100%; z-index:9999; position:absolute; cursor:url('鼠标指针向左.cur'),pointer; left:400px; top:0px;"></a>
<a id="pDisk"></a></div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我测试没问题,怀疑你图片路径不对
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询