高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含6235字,纯文字阅读大概需要9分钟。
内容图文
![高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/397/bd1609d4d8b94d1288ec0750d3b558dd.jpg)
看起来分辨率差,长度和宽度又是压缩了的很难看。
页面源代码如下:
介绍: {$info.content}{foreach from=$image item=image}
- {/foreach}
我需要的效果就像赶集网那样子分辨率较小的图片的时候自动按照原图显示,设置table
超出了就压缩显示,或者部分显示,总之要美观。
请高手给段代码,谢谢!分数没问题,我会追加的,呵呵
回复讨论(解决方案)
以
- 宽度为准
介绍:
![]()
放到页面代码里报错呢,奇怪了
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295) in C:\cdlovelife\include\smarty\class\Smarty.class.php on line 541
是不是这个函数要定义在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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295) in C:\cdlovelife\include\smarty\class\Smarty.class.php on line 541
是不是这个函数要定义在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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295) in C:\cdlovelife\include\smarty\class\Smarty.class.php on line 541
是不是这个函数要定义在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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295) in C:\cdlovelife\include\smarty\class\Smarty.class.php on line 541
是不是这个函数要定义在Smarty.class.php里面?
不是是把这JS当做PHP处理了吧
那这个应该怎样处理?
这替换你1楼那段HTML,如果还会出错把
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 < this.width ) this.width=w; (Smarty_Compiler.class.php, line 295)
console.info( this.width,this.height ) 这句去掉
这位兄弟多谢了,单独放到一个js页是可以的了。但是上传效果不太好,我希望是全部展示比如我宽度是728,超过728压缩展示,长度自适应调整,不超过也展示成一个固定的图片在中间,就是希望美观些。
原图:
上传后的图片显示为:
继续追加100分哈。再麻烦帮下忙。多谢了
就像CSDN展示这种。也可以,呵呵呵
就像CSDN展示这种。也可以,呵呵呵
你改一下 template/default/css/_liveShow.css 文件下样式,
单独写在文件中也可以
.cont_main .pic_list { width: 728px; margin: 10px auto;}.cont_main .pic_list img{ max-width: 728px; }
就像CSDN展示这种。也可以,呵呵呵
你改一下 template/default/css/_liveShow.css 文件下样式,
单独写在文件中也可以
.cont_main .pic_list { width: 728px; margin: 10px auto;}.cont_main .pic_list img{ max-width: 728px; }
template/default/css/_liveShow.css
.cont_main .pic_list { width:590px; margin:10px auto;}.cont_main .pic_list li { float:left; display:inline; margin:5px;}.cont_main .pic_list li img { padding:1px; border:1px solid #ddd;}
这三行替换为你的代码也没有完全填充。
只展示在边边上,并且展示的很小,我需要填充页面宽度,我上传的这个图片分辨率较高
改成 不要缩略图,这样打开页面图变慢些
介绍: {$info.content}{foreach from=$image item=image}
- {/foreach}
![]()
728 对你那页面大了点我改成 690
.cont_main .pic_list { width:690px; margin:10px auto;}.cont_main .pic_list li { float:left; display:inline; margin:5px;}.cont_main .pic_list li img { padding:1px; border:1px solid #ddd; max-width:690px;}
这样你试试效果
改成 不要缩略图,这样打开页面图变慢些
介绍: {$info.content}{foreach from=$image item=image}
- {/foreach}
![]()
728 对你那页面大了点我改成 690
.cont_main .pic_list { width:690px; margin:10px auto;}.cont_main .pic_list li { float:left; display:inline; margin:5px;}.cont_main .pic_list li img { padding:1px; border:1px solid #ddd; max-width:690px;}
这样你试试效果
嘿嘿搞定多谢,以前可以追加分数的。现在咋个追加分数丫。这两天结贴,我再研究研究。
呵呵呵
内容总结
以上是互联网集市为您收集整理的高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose全部内容,希望文章能够帮你解决高分求助:html页面图片自动设置按照原大小显示,超过设定值就压缩显示,请大家帮忙_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。