网页如何用 上一页 下一页 跳转 控制显示图片
具体就是。有一个文件夹里存放着命名为000.jpg到100.jpg的图片一开始打开网页显示000。然后按下一页自动显示001，再按下一页显示002在一个输入框输入数字之后...
具体就是。
有一个文件夹里存放着 命名为 000.jpg 到 100.jpg 的图片
一开始打开网页显示 000 。然后按下一页自动显示 001 ，再按下一页显示002
在一个输入框输入数字之后 按跳转。自动显示数字代表的图片
求个具体的代码。。不要直接说可以用JS。。。我也知道用JS啥的能实现。。。 展开
有一个文件夹里存放着 命名为 000.jpg 到 100.jpg 的图片
一开始打开网页显示 000 。然后按下一页自动显示 001 ，再按下一页显示002
在一个输入框输入数字之后 按跳转。自动显示数字代表的图片
求个具体的代码。。不要直接说可以用JS。。。我也知道用JS啥的能实现。。。 展开
3个回答
展开全部
代码如下:
<body>
<img id="pic" src="000.jpg"><br>
<a href="javascript:rp(-1);">前一张</a> <a href="javascript:rp(1);">后一张</a> <input id="v" value="0"><a href="javascript:rp(0);">跳转</a>
<script type="text/javascript">
function rp(n){
var o=document.getElementById('v');
var i=parseInt(o.value);
if(isNaN(i)){
i=0;
}else if(i<=0&&n<0){
i=0;
}else if(i>=100&&n>0){
i=100;
}else{
i+=n;
}
o.value=i;
document.getElementById('pic').src='000'.substr(0,3-i.toString().length)+i.toString()+'.jpg';
}
</script>
</body>
<body>
<img id="pic" src="000.jpg"><br>
<a href="javascript:rp(-1);">前一张</a> <a href="javascript:rp(1);">后一张</a> <input id="v" value="0"><a href="javascript:rp(0);">跳转</a>
<script type="text/javascript">
function rp(n){
var o=document.getElementById('v');
var i=parseInt(o.value);
if(isNaN(i)){
i=0;
}else if(i<=0&&n<0){
i=0;
}else if(i>=100&&n>0){
i=100;
}else{
i+=n;
}
o.value=i;
document.getElementById('pic').src='000'.substr(0,3-i.toString().length)+i.toString()+'.jpg';
}
</script>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
分3个层次，最外面是一个容器，大小为你要显示的尺寸，位置相对。
中间是一个装所有图片的container，竖版(宽度固定，高度无限大)或者横版(高度固定，宽度无限大)，位置绝对。
最内部是装每个图片的容器，不加也可以，但是最好加上。
通过调整中间container的left或者top值就能显示响应的图片了
中间是一个装所有图片的container，竖版(宽度固定，高度无限大)或者横版(高度固定，宽度无限大)，位置绝对。
最内部是装每个图片的容器，不加也可以，但是最好加上。
通过调整中间container的left或者top值就能显示响应的图片了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只能利用javascript实现这个功能了 点击一下按钮 改变图片的（src）属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
