ShineWoo - 晒我

<ul class="tab"><li>Tab_1</li><li>Tab_2</li></ul>
<div id="div_1">
<img id="1_1" src="xx" onload="resize(this)" />
<img id="1_2" src="xx" onload="resize(this)" />
</div>
<div id="div_2" style="display:none">
<img id="2_1" src="xx" onload="resize(this)" />
<img id="2_2" src="xx" onload="resize(this)" />
</div>

function resize(image, iwidth, iheight)
{
     console.debug(image.id + ' ' + image.width + ' ' + image.height);
     var width = image.width;
     var height = image.height;
     var newwidth = 0,newheight = 0;
     if(width > 0 && height > 0)
     {
        if (width / height >= iwidth / iheight)
        {
            if (width > iwidth)
            {
                newwidth = iwidth;
                newheight = (height * iwidth) / width;
               
            }
            else
            {
                newwidth = width;
                newheight = height;
              
            }
            if (newheight > iheight)
            {
                newwidth = newwidth * iheight / newheight;
                newheight = iheight;
            }
        }
        else
        {
            if (height > iheight)
            {
                newheight = iheight;
                newwidth = (width * iheight) / height;
              
            }
            else
            {
                newwidth = width;
                newheight = height;
            }
            if (newwidth > iwidth)
            {
                newheight = newheight * iwidth / newwidth;
                newwidth = iwidth;
            }
        }
    }
    else {
        window.console.log('retry ' + image.id);
        window.setTimeout(function(){resizeImg(image,iwidth,iheight);}, 1000);
    }
    if(newwidth > 0 && newheight > 0)
    {
        image.width = newwidth;
        image.height = newheight;
    }
}

jQuery(function(){
	if($.browser.msie) {
		$('#div_2').show();
		$('#div_2').find('img').each(function(i, img){ resizeImg(img,80,80); });
		$('#div_2').hide();
	}
});

//图片按比例缩放,可输入参数设定初始大小   
function resizeimg(ImgD,iwidth,iheight) {   
     var image=new Image();   
     image.src=ImgD.src;   
     if(image.width>0 && image.height>0){   
        if(image.width/image.height>= iwidth/iheight){   
           if(image.width>iwidth){   
               ImgD.width=iwidth;   
               ImgD.height=(image.height*iwidth)/image.width;   
           }else{   
                  ImgD.width=image.width;   
                  ImgD.height=image.height;   
                }   
               ImgD.alt=image.width+"×"+image.height;   
        }   
        else{   
                if(image.height>iheight){   
                       ImgD.height=iheight;   
                       ImgD.width=(image.width*iheight)/image.height;   
                }else{   
                        ImgD.width=image.width;   
                        ImgD.height=image.height;   
                     }   
                ImgD.alt=image.width+"×"+image.height;   
            }   
　　　　　ImgD.style.cursor= "pointer"; //改变鼠标指针   
　　　　　ImgD.onclick = function() { window.open(this.src);} //点击打开大图片   
　　　　    if (navigator.userAgent.toLowerCase().indexOf("ie") > -1){    
        //判断浏览器，如果是IE   
　　　　　　  ImgD.title = "请使用鼠标滚轮缩放图片，点击图片可在新窗口打开";   
　　　　　　  ImgD.onmousewheel = function img_zoom() //滚轮缩放   
　　　　　 {   
　　　　　　　　　　var zoom = parseInt(this.style.zoom, 10) || 100;   
　　　　　　　　　　zoom += event.wheelDelta / 12;   
　　　　　　　　　　if (zoom> 0)　this.style.zoom = zoom + "%";   
　　　　　　　　　　return false;   
　　　　　 }   
　　　  } else { //如果不是IE   
　　　　　　　     ImgD.title = "点击图片可在新窗口打开";   
　　　　　　   }   
    }   
}

/*让position:fixed在IE6下可用! */
 
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression
(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression
(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)
-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression
(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression
(eval(document.documentElement.scrollLeft));}