用JavaScript实现图片的自动浏览

来源：互联网发布：嘉实优化红利混合定投编辑：程序博客网时间：2024/05/29 21:18

QQ 729168938 牧羊晚风

常规的图片查看软件，虽然大部分提供图片的放大和缩小（姑且不讨论在矢量放大或缩小的过程中，图片质量的下降），但是不能够一键放大或缩小所有的图片。浏览者在查看图片时，有时候不得不一张一张地放大或缩小查看。并且，尽管有的软件提供了幻灯片查看效果，同样会出现以上问题，使浏览者不能得到理想的图片效果。笔者考虑使用浏览器提供的一些功能，巧妙实现幻灯片查看，同时实现一键放大或缩小功能。考虑到代码的尽量简单化，注意：所查看的图片其图片名应为1.jpg；2.jpg；3.jpg……，变量length为所查看的图片文件夹中图片数量。每隔delay毫秒显示一张图片，可根据自己喜好设置合适的值。语句height="744"，744为网页可用高度，笔者使用的自己浏览器页面的最大可用高度，当然，如果可以在代码中加入<input>标签，接收查看者键入的height值控制图片的放大和缩小，使用时可以任意设定，以达到图片的放大和缩小功能。

代码复制后保存为html格式，然后将其放入所查看图片文件夹中即可双击查看。

代码部分：

<html>

<head>

<title>用JavaScript实现图片的自动浏览</title>

</head>

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>

</body>

</html>