名站网址导航为大驾家提供DedeCMS站点程序站点教程相关的知识,比如织梦程序安装教程,织梦程序系统故障等教程。相信很多织梦程序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) } |
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 }; |
关于DedeCMS站点程序站点教程相关的知识,就说到这里了希望能帮助朋友们。最新版dedecms网站程序怎么实现PC站和手机站数据同步