欢迎来到酱油妹!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

酱油妹

织梦DEDEDEDE缩略图完美优化

企业模板

相信大量织梦DEDE 站长都在头痛怎么样处置缩略图的问题吧。织梦DEDE系统默认是将缩略图缩小为小于等于后台设置的尺寸。
由于原图片的尺寸都是不同的,假如前台是固定图片框显示,那样肯定显示不好看。图片会变形。因此,大量站长为了织梦DEDE 网站美观,就手工修改。想想这工程浩大啊。
那样有哪些既便捷又好用的方法呢?Abing给出的优化策略是这样的:1、在后台设置缩略图尺寸,设置成前台最大固定框的尺寸。2、使织梦DEDE提取的缩略图大于等于后台设置的尺寸,也就是将原图等比例缩小成不是宽等于设置尺寸就是高等于。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="图片地址" />只须这样四步,就完美搞定缩略图问题啦。(责任编辑:酱油妹)


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:互联网 关注: 时间:2020-05-06 00:54
版权声明:凡注明来源为www.jiangyoumei.com的均为本站原创,转载请注明来源。
本文网址:http://www.jiangyoumei.com/jiaocheng/seo/20200506/6220.html
►凡本站提供教程均已验证教程的准确性。
►为提高用户在织梦后台添加栏目的灵活性(可随意添加/删除栏目),并保持(管理后台添加/删除栏目)与前端网站栏目的一致,本站模板中栏目均未固定,用户直接搜索typeid=''并替换''中的数字为所需栏目id即可。
►本站提供各种类型织梦模板!希望在这里找到喜欢的。下载本站模板,用户直接替换相关文字和图片即可。
►本站仅提供织梦模板即(DEDE模板),(除另外说明)均不带织梦安装程序及数据,用户直接覆盖默认模板即可。
►本站所有资源(包括源码、模板、插件等)仅供学习与参考,请勿用于商业用途。
►如有其他问题,请加网站客服QQ(375750496)进行交流。
相关织梦教程
在线客服

织梦模板 整站模板 新手教程 使用技巧