高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:22:55
原创
1529人浏览过

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> 放到

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号