<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function fixWidth(){
with(event.srcElement)
if(width>100){
width=100;
onload=null;
outerHTML = "<a href="+src+" target='_blank'><div>"+outerHTML+"<div>点击显示大图</div></div></a>";
}

}
//-->
</SCRIPT>
</HEAD><BODY>
<img src="http://zi.csdn.net/business/120-60ww2.9.gif" onload="fixWidth()">
<img src="http://zi.csdn.net/760.90.gif" onload="fixWidth()"></BODY>
</HTML>

解决方案 »

  1.   

    对不起,忘了img的display应该是inline的,被我用div一套变成block了。试试这样应该更好一点:<HTML>
    <HEAD>
    <TITLE> emu </TITLE>
    <META NAME="Author" CONTENT="emu">
    <SCRIPT defer>
    <!--
    function fixWidth(){
    with(event.srcElement)
    if(width>100){
    width=100;
    onload=null;
    outerHTML = "<a href="+src+" target='_blank' style='display:inline-block'>"+outerHTML+"<div>点击显示大图</div></a>";
    }

    }
    var e=document.getElementsByTagName("img")
    for(var i=0;i<e.length;i++){
    e[i].attachEvent("onload",fixWidth)
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <img src="http://zi.csdn.net/business/120-60ww2.9.gif">
    <img src="http://zi.csdn.net/760.90.gif">
    </BODY>
    </HTML>