图片搜索引擎搜索结果的显示

因为搜索引擎搜索出来的图片大小各异，所以结果的排版显示比较困难，经过一个下午的研究，最终用一段javascript实现了如下的排版。

http://i.cindoo.com/space/image/image.php?sid=2557&&name=%CC%C0%CE%A8

这个排版时MSN Live Search中的图片排版。

首先图片的显示还是用table完成的，但是如何让图片按比例缩小，一开始总是觉得CSS能搞定，后来发现还是只能用javascript（谁有更好的办法可以告诉我）

代码如下

function  reloadimg() 
... {
     var imgs = document.getElementsByTagName("img");
     for(i = 0; i < imgs.length; i++)
     ...{ 
          w = imgs[i].width;
          h = imgs[i].height; 
 
          mwh = w; 
          if(mwh < h) mwh = h; 
          if(mwh > 160) 
          ...{
               w = w * 160 / mwh;
               h = h * 160 / mwh;
               imgs[i].style.height = h;
               imgs[i].style.width = w;
               re = 1;
          } 
          //imgs[i].style.marginTop = (160 - h)/2;                                                                                                                              
          pp = imgs[i].parentNode; 
          pp.style.marginTop = (160 - h)/2;
          pp.style.display = "block";
          pp.style.width = w;
          pp.style.height = h;
          pp.style.padding = "4 4 4 4";
          pp.style.border = "#CCC solid 1px";
     } 
}  

这个方法同时还解决了边框的显示问题，因为在IE下img标签的padding有点问题，所以我最终还是控制img的父标签padding来显示的