我在网上找了一个鼠标滚动切换显示图片的代码,但是需要在代码中逐个指定图片路径。
这是我下载的代码:
<style>
#picBox{
width:800px;height:600px;
margin:70px auto;
}
</style>
<script>
var nowPic=1;
function MouseWheel(e){
var pic;
e=e||window.event;
for(i=1;i<20;i++){
if(i==nowPic){
if(e.wheelDelta){//IE
pic=document.getElementById("pic"+i);
pic.style.display="block";
}else if(e.detail){//Firefox
pic=document.getElementById("pic"+i);
pic.style.display="block";
}
}else{
pic=document.getElementById("pic"+i);
pic.style.display="none";
}
}
if(nowPic>=19){
nowPic=1;
}else{
nowPic++;
}
}
/*Firefox注册事件*/
if(document.addEventListener){
document.addEventListener("DOMMouseScroll",MouseWheel,false);
}
window.onmousewheel=document.onmousewheel=MouseWheel;//IE/Opera/Chrome
</script>
<body>
<div id="picBox">
<img src="img/1.jpg" width="800px" height="600px" id="pic1" style="display:none;">
<img src="img/2.jpg" width="800px" height="600px" id="pic2" style="display:none;">
<img src="img/3.jpg" width="800px" height="600px" id="pic3" style="display:none;">
</div>
</body>
如上述,每个图片都要专门指定路径,很不方便。
我想要达到的结果:
我的图片文件夹数量不确定,有时两个幅图,多的时候有近百幅,均以序号1、2、3.jpg格式编码,希望各位帮助解决:在代码中不需要逐个输入每一幅图片地址的情况下,鼠标滚动切换显示文件夹里的所有图片。用PHP也可以哈,谢谢大家。我本人是外行,完全是工作需要!