JavaScript生成缩略图问题,高手进请,定必高分另赏!!

来源：百度知道 编辑：UC知道 时间：2024/06/23 23:52:54
function Wa_SetImgAutoSize()
{
var img=document.all.img1;//获取图片
var MaxWidth=129;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=115;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}

上面是一个生成缩略图函数,以下是我用ASP语言把数据库里面的图片输出来
<%
do while not rs.eof
%>
<img src="<%=rs("image")%>" border="0" id=img1 onload="Wa_SetImgAutoSize();" />

<%
rs.movenext
loop%>

就是这段代码了..但显示图片的id我怎么搞呀?如果我把ID=<%=rs("image")%>运行时就不能生成缩略图了..我该怎样设置ID呀?
二楼的不行..我试过了.而

把你的代码:
function Wa_SetImgAutoSize()
{
var img=document.all.img1;//获取图片
改为:

function wa_setimgautosize(img)
{
var img=img //这就是你的循环图片
}

这样就行了.

id给个序号吧，和数据库的存储顺序对应起来试试。

改函数：
function Wa_SetImgAutoSize(obj)
{
var img=obj;//获取图片
var MaxWidth=129;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=115;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
}
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
}
}
调用：
<%
do while not rs.eof
%>
<img src="<%=rs("image")%>" border="0" onload="W