正宗土鸡蛋蛋黄图片:会做网页和编程的高手进来看下问题(本人在线等待)

来源:百度文库 编辑:杭州交通信息网 时间:2024/04/29 06:32:28
请看如下程序如何改进以实现可以控制图片显示的高度和宽度?
<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>

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

代码中搞错了一点点啊,那个注释中,
// 图片以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;
}

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

这样可以么?我没试过。

一种办法,对网页中id为imgZone的<img>设置<img height=高 width=宽>的属性来设置固定高宽.

<img id="imgZone" / height=高 width=宽>