Dedecms织梦缩略图完美优化

相信很多织梦dedecms 站长都在头痛如何处理缩略图的问题吧。织梦dedecms系统默认是将缩略图缩小为小于等于后台设置的尺寸。

因为原图片的尺寸都是不一样的,如果前台是固定图片框显示,那么一定显示不好看。图片会变形。因此,很多站长为了dedecms 网站美观,就手动修改。

想想这工程浩大啊。

那么有什么既方便又实用的办法呢?

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

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

第二步:修改image.helper.php页面
01
if($toWH<=$srcWH) 02 { 03 $ftoW=$toW; 04 $ftoH=$ftoW*($srcH/$srcW) 05 } 06 else 07 { 08 $ftoH=$toH 09 $ftoW=$ftoH*($srcW/$srcH) 10 } 将if与else中的代码互换。 第三步: 编写一个JS函数。 01 function ImageShow(maxWidth,maxHeight,objImg){ 02 var img=new Image(); 03 img.src=objImg.src; 04 var w=img.width; 05 var h=img.height; 06 if(w==maxWidth&&h==maxHeight){ 07 objImg.width=maxWidth; 08 objImg.height=maxHeight; 09 return 10 }; 11 var b1=w/h; 12 var b2=maxWidth/maxHeight; 13 if(b1>b2){
14
objImg.height=maxHeight;
15
objImg.width=maxHeight/h*w;
16
objImg.style.marginLeft=-(maxHeight*w-
17

18
maxWidth*h)/(2*h)+’px’
19
}
20
else{
21
objImg.widt=maxWidth;
22
objImg.height=maxWidth/w*h;
23
objImg.style.margnTop=-(maxWidth*h-
24

25
maxHeight*w)/(2*w)+’px’
26
};
27

28
return
29
};

第四步:
CSS,图片所在DIV,设置成图片要显示的宽和高,然后增加“voerflow:hidden”
图片显示调用上面的JS函数,具体如下:

只要这样四步,就完美搞定缩略图问题啦。

1. 本站实行充值兑换金币,1元=1金币,每日签到可领取1个金币,[我要充值]
2. 部分资源免费,登录后0元购买免费下载,收费资源价格也很低廉,1至100元不等,VIP会员全站无限下载,[去开通]
3. 本站正式上线, 推荐到QQ或者微信群免费获得VIP会员资格,详情[点我查看]
4. 如果您找不到合适的资源,请联系我们,告知您的需求,我们会在24小时内整理发布。
专注网站维护优化及织梦源码分享 » Dedecms织梦缩略图完美优化

网迅云,安全稳定的云服务器,域名注册,香港空间的提供商!

虚拟主机 云服务器