图片后期加载的函数 php _php图片加载-优快云博客

本文介绍了一种使用JavaScript实现的图片懒加载技术，该技术能够根据不同情况调整图片的显示尺寸，包括按照指定尺寸显示、保持原始尺寸显示以及设置最大显示尺寸等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?php
<script type="text/javascript">

/*图片后加载处理运行*/
function runImgs()
{
var o=null,d=null,s=null,l=document.images.length;
for(var i=0; i<l; i++)
{
o=document.images[i];
if(d=o.getAttribute('summary'))
{
s=eval('('+d+')');
if(s.w<=0)
{
window.setTimeout(function(o,s){
return function(){
var img=new Image();
img.onerror=function(){with(o){setAttribute('width','100'),setAttribute('height','100'),setAttribute('src',this.src)}};
img.onload=function()
{
var iw=this.width;
var ih=this.height;
var mx=(0-s.w);
iw=iw>0?iw:80;
iw=s.w<0?(iw>mx?mx:iw):iw;
o.setAttribute('src',this.src);
o.setAttribute('width',iw);
};
img.setAttribute('src',s.u);
};
}(o,s),1);
}
else with(o){setAttribute('src',s.u),setAttribute('width',s.w),setAttribute('height',s.h)}; //指定大小
s=null;
}
o=d=null;
}
}

window.onload=function(){
runImgs();
}
</script>
</head>

<body>
<img src="about:blank" width="0" summary="{u:'t2.gif',w:146,h:95}" /> 
<img src="about:blank" width="0" summary="{u:'t2.gif',w:0}" /> 
<img src="about:blank" width="0" summary="{u:'t3.gif',w:-50}" /> 
<img src="about:blank" width="0" summary="{u:'t3.gif',w:-250}" /> 
</body>
?>