公告:350网站目录网为广大站长提供免费收录网站服务,网站处于推广发展期所有网站免费收录。

点击这里在线咨询客服
新站提交
  • 网站:2371
  • 待审: 10
  • 软件源码:23
  • 文章:8855
  • 会员:576
相信很多织梦dedecms 站长都在头痛如何处理缩略图的问题吧。织梦dedecms系统默认是将缩略图缩小为小于等于后台设置的尺寸。      
因为原图片的尺寸都是不一样的,如果前台是固定图片框显示,那么一定显示不好看。图片会变形。因此,很多站长为了dedecms 网站美观,就手动修改。

想想这工程浩大啊。      
那么有什么既方便又实用的办法呢?   Abing给出的优化方案是这样的: 1、在后台设置缩略图尺寸,设置成前台最大固定框的尺寸。 2、使织梦提取的缩略图大于等于后台设置的尺寸,也就是将原图等比例缩小成不是宽等于设置尺寸就是高等于。 3、编写JS函数,前台显示缩略图的时候,使图片总是水平垂直显示,DIV不被撑开。 这个应该是综合最优的方案了,而且一次搞定终身受益。下面我就把详细教程贴出来。

  第一步: 后台设置缩略图大小。    


第二步:修改image.helper.php页面
if($toWH<=$srcWH)
{
$ftoW=$toW;
$ftoH=$ftoW*($srcH/$srcW)
}
else
{
$ftoH=$toH
$ftoW=$ftoH*($srcW/$srcH)
}
  将if与else中的代码互换。      

第三步: 编写一个JS函数。
 
function ImageShow(maxWidth,maxHeight,objImg){
var img=new Image();
img.src=objImg.src;
var w=img.width;
var h=img.height;
if(w==maxWidth&&h==maxHeight){
objImg.width=maxWidth;
objImg.height=maxHeight;
return
};
var b1=w/h;
var b2=maxWidth/maxHeight;
if(b1>b2){
objImg.height=maxHeight;
objImg.width=maxHeight/h*w;
objImg.style.marginLeft=-(maxHeight*w-

maxWidth*h)/(2*h)+'px'
}
else{
objImg.widt=maxWidth;
objImg.height=maxWidth/w*h;
objImg.style.margnTop=-(maxWidth*h-

maxHeight*w)/(2*w)+'px'
};

return
};
 
第四步: CSS,图片所在DIV,设置成图片要显示的宽和高,然后增加“voerflow:hidden” 图片显示调用上面的JS函数,具体如下: <img onload="ImageShow(宽,高,this)" src="图片地址" />   只要这样四步,就完美搞定缩略图问题啦。

Dedecms织梦缩略图完美优化

最新网站

圆梦代孕-专业的助孕机构www.meng999.cn

圆梦网是一个试管婴儿大数据文章知识平台,为不孕不育需要做试管婴儿的用户提供专业的试管婴儿知识分享

轩辕展览www.sh-xyzl.com

上海轩辕展览服务有限公司专业从事VR虚拟展馆,一站式展厅设计,上海展览搭建,主题展览馆,乡村振兴综合...

南宁代孕www.isonbaby.com

广西省专业试管代孕,预约热线:13554390025、15802754456,供卵供精、优质充足的代...

武汉代孕www.synzdy.com

十月弄璋国际代孕中心是海内外专业的爱心辅助怀孕服务机构,服务电话:【13554390025】【158...

深圳市魔灯科技有限公司网站www.modengled.com

深圳市魔灯科技有限公司成立于2013年,主打品牌“魔灯”,主要生产各种场合装修使用的led灯带。是国...

最新源码

新版vip视频解析站源码 带播08-13

今天纯洁给大家分享一款还算不错的vip视频解析源码,有需要的小伙伴可以下载测试。 这款vip视频网站...

阿里百秀见识多最新版织梦cms12-24

模板介绍: 页面简洁,容易维护修改,DEDE5.5内核以上都可以使用;附带测试数据及安装说明! 模板...

相声小品资讯文章博客dedec12-25

织梦最新内核开发的模板,该模板属于相声小品新闻资讯类企业都可使用, 这款模板使用范围极广,不仅仅局限...

360电影院网站源码免费下载01-07

给大家分享一款VIP视频在线解析系统,内置10个不同的解析接口,全自动爬行360影视导航站内的电影,...

仿电脑百事网帝国程序源码专业电05-01

仿电脑百事网帝国程序源码专业电脑硬件IT门户模版带数据帝国cms7.5 帝国模板介绍: 模板采用帝国...