Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航为大驾家提供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)
}
  将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 onl oad="ImageShow(宽,高,this)" src="图片地址" />   只要这样四步,就完美搞定缩略图问题啦。

最新版dedecms网站程序怎么实现PC站和手机站数据同步dSkAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

dSkAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于DedeCMS站点程序站点教程相关的知识,就说到这里了希望能帮助朋友们。

标签:

分享到:

  网友投稿

注册时间:

网站:0 个   APP:0 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市