前几天订购的《CSS网站布局实录 基于Web标准的网站设计指南(第二版)》收到了

听说这本书还不错，不过JOYO给的的似乎是一本旧书（有翻过的折痕），汗。。。

版权所有：aE86@DRL
原文：
————————————————————————–
无聊的时间写了一个javascript函数 应该是目前最完美的图片缩放函数了，任意宽高，不改变比例，缩放后不会有空白，只看到过FLASH和PHP版本的。
+++++++++++++++++++++++++++++++++++++++++++++++++++++
/**
* 重新设定图片大小
*
*author dreamisok@hotmail.com http://www.dasho.cn
*@param picname 图片路径
*@param width_v  目标宽度
*@param height_v 目标高度
*/

function resizepic(picname,width_v,height_v){
if(isFirefox=navigator.userAgent.indexOf(”Firefox”)>0){
var backw=width_v;
var backh=height_v;
}else
{
var backw=width_v+8;
var backh=height_v+8;
}
var i = String(Math.floor(Math.random()*10000)+1); 
document.writeln(”<div style=’width:”+backw+”px;height:”+backh+”px;padding:3px;border:1px solid #a1a1a1;backgournd:#fff;’>”);
document.writeln(”<div style=’width:”+width_v+”px;height:”+height_v+”px;overflow:hidden;’>”);
document.writeln(”<img src=’”+picname+”‘ id=’img”+i+”‘/></div></div>”);
var pic=document.getElementById(”img”+i);
if((width_v/height_v)>(pic.offsetWidth/pic.offsetHeight)){
pic.width=width_v;
}else
{
pic.height=height_v;
}
}
+++++++++++++++++++++++++++++++++++++++++++++++++++++
已经测试过 IE 7.0 Firefox
使用方法:
+++++++++++++++++++++++++++++++++++++++++++++++++++++
<script>
resizepic(”http://hiphotos.baidu.com/%BB%D2%B9%C3%C4%EFchivas/pic/item/4e600e4cf54323f6d72afc91.jpg”,220,110);
resizepic(”http://hiphotos.baidu.com/%BB%D2%B9%C3%C4%EFchivas/pic/item/4e600e4cf54323f6d72afc91.jpg”,100,130);
</script>
+++++++++++++++++++++++++++++++++++++++++++++++++++++

效果图:

_http://www.dasho.cn