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

 介绍： {$info.content} {foreach from=$image item=image} 
 {/foreach} 

回复讨论(解决方案)

以 宽度为准

 介绍： 
 	 	 	 
 

放到页面代码里报错呢，奇怪了

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，如果还会出错把 ... 放到 后或做成独立文件引用

 介绍： {$info.content} 	{foreach from=$image item=image} 
  
 	{/foreach} 

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;	}

.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} 

.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} 

.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;}