• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    织梦缩略图完美优化
    POST TIME:2020-05-01 00:08
    相信很多站长都在头痛如何处理缩略图的问题吧。织梦系统默认是将缩略图缩小为小于等于后台设置的尺寸。
    因为原图片的尺寸都是不一样的,如果前台是固定图片框显示,那么一定显示不好看。图片会变形。因此,很多站长为了网站美观,就手动修改。想想这工程浩大啊。
    那么有什么既方便又实用的办法呢?

    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="图片地址" />

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

    我的网站所有缩略图均非手工处理。可以访问我的网站——旧物格网 查看实际效果。

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!