QQ 729168938 牧羊晚风
常规的图片查看软件，虽然大部分提供图片的放大和缩小（姑且不讨论在矢量放大或缩小的过程中，图片质量的下降），但是不能够一键放大或缩小所有的图片。浏览者在查看图片时，有时候不得不一张一张地放大或缩小查看。并且，尽管有的软件提供了幻灯片查看效果，同样会出现以上问题，使浏览者不能得到理想的图片效果。笔者考虑使用浏览器提供的一些功能，巧妙实现幻灯片查看，同时实现一键放大或缩小功能。考虑到代码的尽量简单化，注意：所查看的图片其图片名应为1.jpg；2.jpg；3.jpg……，变量length为所查看的图片文件夹中图片数量。每隔delay毫秒显示一张图片，可根据自己喜好设置合适的值。语句height="744"，744为网页可用高度，笔者使用的自己浏览器页面的最大可用高度，当然，如果可以在代码中加入<input>标签，接收查看者键入的height值控制图片的放大和缩小，使用时可以任意设定，以达到图片的放大和缩小功能。
代码复制后保存为html格式，然后将其放入所查看图片文件夹中即可双击查看。
代码部分：
<html>
<head>
<title>用JavaScript实现图片的自动浏览</title>
</head>
<body bgcolor="orange" topmargin=0>
<script language="JavaScript">
var delay=500;
var length=;
imageNum=1;
theImages=new Image();
for(i=1;i<length+1;i++)
{
theImages[i]=new Image();
theImages[i].src=i+".jpg";
}
function animate()
{
document.animation.src=theImages[imageNum].src;
imageNum++;
if(imageNum>length)
{
imageNum=1;
}
}
</script>
<div align="center">
<img name="animation" src="1.jpg" alt="正在加载图片...." onLoad="setTimeout('animate()',delay)" οnerrοr="this.src='1.jpg'" height="744">
</div>
</body>
</html>
扫一扫
4185
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
