计划管理是做什么的:懂网页制作和编程帮帮忙

来源:百度文库 编辑:高校问答 时间:2024/04/28 16:12:59
下面的程序怎么改进以实现控制图片显示的高度和宽度?
<img id="imgZone" />

<script language="javascript">
var speed = 2000; // 切换速度(秒)
var flagrnd = true; // 是否随机切换
var arrimg = new Array();
var imglen = 20; // 图片张数
var curimg = 0; // 当前显示的图片代号

for(i = 0; i < imglen; i++)
{ // 初始化
arrimg[i] = new Image();
arrimg[i].src = ("images/" + i + ".jpg");
// 图片以01.jpg,02.jpg...放在images文件夹
}

function display()
{
var nextimg = (++curimg) % imglen;
if(flagrnd)
{
nextimg = Math.floor(Math.random() * imglen);
}
changeImg(nextimg);
setTimeout("display()", speed);
}

function changeImg(i)
{
var img = document.getElementById("imgZone");
img.src = arrimg[i].src;
}

display();
</script>

简单啊,定义image的Width和Height就可以娄:
function changeImg(i)
{
var img = document.getElementById("imgZone");
img.src = arrimg[i].src;
img.width = 400;
img.height = 300;
}

<img id="imgZone" width=128 height=96/>

我倒!你把我给你的代码发了几个题目了,要是有问题你问我啊

代码中搞错了一点点啊,那个注释中,
// 图片以01.jpg,02.jpg...放在images文件夹
其实应该是这样的
// 图片以1.jpg,2.jpg...放在images文件夹中

至于你说的那控制高度和宽度什么的,直接加上
img.width = imgWidth;
img.height = imgHeight;
就可以了。或者直接把<img id="imgZone">改成<img id="imgZone" width="200" height="200">

如果要保持图片长宽不超过200,同时要等比例缩放图片的话,在函数changImg()中加入这个代码:
var factor = 1; // 缩放比例
factor = img.width / img.height;
img.width = 200;
img.height = img.width / factor;

如果图片长或宽没有超过200就保持原样的话,只要加个判断就可以了
var factor = 1;
if(img.width > 200 || img.height > 200)
{
factor = img.width / img.height;
img.width = 200;
img.height = img.width / factor;
}