具体就是。
有一个文件夹里存放着 命名为 000.jpg 到 100.jpg 的图片
一开始打开网页显示 000 。然后按下一页自动显示 001 ,再按下一页显示002
在一个输入框输入数字之后 按跳转。自动显示数字代表的图片
求个具体的代码。。不要直接说可以用JS。。。我也知道用JS啥的能实现。。。
代码如下:
<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>
温馨提示:答案为网友推荐,仅供参考
第1个回答 2015-06-23
分3个层次,最外面是一个容器,大小为你要显示的尺寸,位置相对。
中间是一个装所有图片的container,竖版(宽度固定,高度无限大)或者横版(高度固定,宽度无限大),位置绝对。
最内部是装每个图片的容器,不加也可以,但是最好加上。
通过调整中间container的left或者top值就能显示响应的图片了
中间是一个装所有图片的container,竖版(宽度固定,高度无限大)或者横版(高度固定,宽度无限大),位置绝对。
最内部是装每个图片的容器,不加也可以,但是最好加上。
通过调整中间container的left或者top值就能显示响应的图片了
第2个回答 2012-12-16
只能利用javascript实现这个功能了 点击一下按钮 改变图片的(src)属性