Maison > Article > interface Web > 高分求助：html页面图片自动设置按照原大小显示，超过设定值就压缩显示，请大家帮忙_html/css_WEB-ITnose
高分求助：html页面图片自动设置按照原大小显示，超过设定值就压缩显示，请大家帮忙_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:22:551424parcourir
HTML 图片
页面图片地址是： http://www.cdlovelife.com/public/info.php?id=12947看起来分辨率差，长度和宽度又是压缩了的很难看。
页面源代码如下：
<div class="cont_main" style="background-color: rgb(242, 251, 255);"> <b>介绍：</b> {$info.content} <ul class="pic_list clearfix"> {foreach from=$image item=image} <li><a href="{$image.path}" target="_blank"><img src="{$mymps_global.SiteUrl}{$image.prepath}" class="postinfoimg" style="max-width:90%" style="max-width:90%"/ alt="高分求助：html页面图片自动设置按照原大小显示，超过设定值就压缩显示，请大家帮忙_html/css_WEB-ITnose" ></a></li> {/foreach} </ul></div> 我需要的效果就像赶集网那样子分辨率较小的图片的时候自动按照原图显示，设置table
超出了就压缩显示，或者部分显示，总之要美观。
请高手给段代码，谢谢！分数没问题，我会追加的，呵呵
回复讨论(解决方案)
以
- 宽度为准
<div class="cont_main" style="background-color: rgb(242, 251, 255);"> <b>介绍：</b> <ul class="pic_list clearfix" id="pic_list"> <li> <a href="http://www.cdlovelife.com/dat/upload/information/201307/13747304051jz9w.jpg" target="_blank"> <img src="http://www.cdlovelife.com/dat/upload/information/201307/13747304051jz9w.jpg" class="postinfoimg" / alt="高分求助：html页面图片自动设置按照原大小显示，超过设定值就压缩显示，请大家帮忙_html/css_WEB-ITnose" > </a> </li> </ul></div><script> var imgList=document.getElementById('pic_list'); var imgs=imgList.getElementsByTagName('img'); var w=imgList.offsetWidth; for(var i=0;i<img s.length;i++){ imgs[i].onload=function(){ console.info( this.width,this.height ) if( w < this.width ) this.width=w; } }</script alt="高分求助：html页面图片自动设置按照原大小显示，超过设定值就压缩显示，请大家帮忙_html/css_WEB-ITnose" > 放到页面代码里报错呢，奇怪了
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w console.info( this.width,this.height ) 这句去掉
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w console.info( this.width,this.height ) 这句去掉
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ if( w
是不是这个函数要定义在Smarty.class.php里面？
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w console.info( this.width,this.height ) 这句去掉
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ if( w
是不是这个函数要定义在Smarty.class.php里面？
不是是把这JS当做PHP处理了吧
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w console.info( this.width,this.height ) 这句去掉
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ if( w
是不是这个函数要定义在Smarty.class.php里面？
不是是把这JS当做PHP处理了吧
那这个应该怎样处理？
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ console.info( this.width,this.height ) if( w console.info( this.width,this.height ) 这句去掉
Fatal error: Smarty error: [in C:/cdlovelife/template/default/info.html line 86]: syntax error: unrecognized tag: imgs[i].onload=function(){ if( w
是不是这个函数要定义在Smarty.class.php里面？
不是是把这JS当做PHP处理了吧
那这个应该怎样处理？
这替换你1楼那段HTML，如果还会出错把 <script>...</script> 放到