这个是瀑布流效果,你上网搜索下就知道怎么回事了,jquery+插件就OK了
成都创新互联成都网站建设按需制作网站,是成都网站制作公司,为宴会酒店设计提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站营销推广热线:18982081108
一、帝国cms生成缩略图所用到的方法或函数是sys_ResizeImg(),依赖于php主机环境是否安装并支持gd库,通常都是支持的。
img src="?=sys_ResizeImg($bqr[titlepic],375,287,1)?" alt="?=$bqr['title']?"/
——代码摘自学而行营销网首页模板,效果如下。
用sys_ResizeImg()方法生成缩略图后,可以查看图片的路径,你发现图片路径并不在后台上传默认的d/file目录下,而是放在/e/data/tmp/目录中,由此可检验是否已经生效;另外方法中的第一个数字(本例中是375)表示缩略图的宽度,第2个数字(本例中是287)则是缩略图的高度,参数1则表示帝国默认的裁剪缩放生成缩略图的方式。
关于sys_ResizeImg()的最后参数说明。见如下:
帝国CMS缩略图函数改进(GD库改进)
本文关键字词:缩略图,缩略图函数,帝国CMS,帝国CMS,帝国CMS缩略图去黑边框
第一种方式 帝国默认:
sys_ResizeImg($r[titlepic],宽,高,0);//帝国默认的不裁剪缩放生成缩略图的方式
第二种方式 帝国默认:
sys_ResizeImg($r[titlepic],宽,高,1);//帝国默认的裁剪缩放生成缩略图的方式
第三种方式 去掉裁剪不够时的黑边并且从图片缩放后中间裁剪:
sys_ResizeImg($r[titlepic],宽,高,2);//新加去黑边裁剪生成缩略图的方式
第四种方式 只固定图片的宽,高度不限制(类似不规则瀑布流的图片形式),高填写为大于0的任意整数数字:
sys_ResizeImg($r[titlepic],宽,高,3);//新加去黑边生成类似瀑布流格式的方式
二、但是你看到的上图示例效果是经过改进后的,而默认sys_ResizeImg()生成的缩略图则是压缩比太高,图片质量很低,看上去很模糊失真,简直可用惨不忍睹来形容。如下。
(如果一个人审美正常的话,那么上图这个美女脸上的像素点如此明显,如此糙,或许你看了不会呕吐,但相信你会把自己的眼光移到别处的。)
要修改sys_ResizeImg()生成缩略图的质量倒是很容易。只需要打开e/class/gd.php文件。找到如下这行。
$func_output($temp_image, $new_name.$func_exname,9);
将最后一个数字修改为:
$func_output($temp_image, $new_name.$func_exname,85);
其中85就代表生成的缩略图压缩比,数字越高,压缩率越低,图片质量自然就越高,但要注意的是,图片质量高文件就会增大,如果图片过多、尺寸过大就会影响页面加载速度(通常),而我们使用缩略图的一个重要目的就是要减少图片尺寸以提高页面打开速度,因此这个数字华哥建议设置在65-90之间为好。
然后上传覆盖。再重新生成页面,查看是否有所变化。
讲真,这个修改方法以前华哥曾经实践过至少两次,但都没有成功。这次实践居然轻松就成功了,简直可说是如有神助!
不过也找不到以前失败的原因,或许是换了网站主机空间的缘故吧。可以判断的是,如果不成功看不到变化,那和这个修改方法无关,修改方法是正确的,这次得到测试和应用,没有任何变化或许要去检测主机系统或服务器的php环境配置。
div class="main"
[!--empirenews.listtemp--]
!--list.var1--
[!--empirenews.listtemp--]
div class="epages" [!--show.listpage--]/div
《帝国网站管理系统》英文译为"Empire CMS",简称"Ecms",它是基于B/S结构,且功能强大而帝国CMS-logo易用的网站管理系统。本系统由帝国开发工作组独立开发,是一个经过完善设计的适用于Linux/windows引/Unix等环境下高效的网站解决方案。从帝国新闻系统1.0版至今天的帝国网站管理系统,它的功能进行了数次飞跃性的革新,使得网站的架设与管理变得极其轻松!
这两段代码的区别在于:
!--list.var1--
!--list.var2--
!--list.var3--
!--list.var4--
!--list.var5--
与
!--list.var1--
!--list.var2--
!--list.var3--
的区别
大概意思就是说,前面的那个是循环了5次,下面的这个是循环了3次
如果!--list.var*--显示5条数据的话
那么上面的那个显示5组5条信息,也就是5*5条,25条
下面的那个显示3组5条信息,也就是5*3条,15条