PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步，快速开始

返回列表
发新话题 回复该主题
查看: 11295|回复: 15

缩略图怎样设置才不变形？由于图片大小不一，可否自动调节呢？ [复制链接]

jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
1#
t T
发表于 2009-07-10 14:02 |只看楼主
我的意思是，比如宽是定量，长度则通过自动变量。那样图片才不会变形。这个如何设置呢？谢谢啊。
分享 转发
TOP
xiyou
头像

  • 管理员
  • 16249
  • 26997
  • 2015-11-29
2#
t T
发表于 2009-07-10 14:10 |只看该用户

直接修改控制这个图片显示的css样式，把高和宽定义都取消，让他自动适应
PageAdmin CMS-想到就能做到！
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
3#
t T
发表于 2009-07-10 14:43 |只看楼主

具体怎么做呢？可否明示下。谢谢了。呵呵。
真好。
TOP
xiyou
头像

  • 管理员
  • 16249
  • 26997
  • 2015-11-29
4#
t T
发表于 2009-07-10 15:54 |只看该用户

uc_lanmu_productinfo_image这个样式
PageAdmin CMS-想到就能做到！
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
5#
t T
发表于 2009-07-10 16:48 |只看楼主

我去试试。谢谢。
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
6#
t T
发表于 2009-07-13 09:36 |只看楼主

原来的CSS是：
.uc_lanmu_productinfo_image{width:250px;margin:0 0 0 0;border:0 solid #cccccc;cursor:pointer;}

那么我该怎么改呢？

我去掉width:250px，仍然不能自动调整的。
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
7#
t T
发表于 2009-07-13 14:27 |只看楼主

HELP......
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
8#
t T
发表于 2009-07-13 16:03 |只看楼主

请帮帮我吧。
TOP
apple
头像

  • 版主
  • 1239
  • 3334
  • 2008-11-26
9#
t T
发表于 2009-07-13 16:13 |只看该用户

去掉width就会显示你图片实际尺寸
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
10#
t T
发表于 2009-07-13 16:49 |只看楼主

那样就大小不一了。毕竟每个图片大小不同。

我希望的是，缩略图大小基本相同，而不失真。比如宽都是200，或者高都是200.
TOP
xiyou
头像

  • 管理员
  • 16249
  • 26997
  • 2015-11-29
11#
t T
发表于 2009-07-13 21:18 |只看该用户

那就在.uc_lanmu_productinfo_image中加：windth:200px;height:200px

200，或者高都是200.
PageAdmin CMS-想到就能做到！
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
12#
t T
发表于 2009-07-14 08:46 |只看楼主

谢谢啊~~

我设置好了。
.uc_lanmu_productinfo_image{width:250px;;height:250px;margin:0 0 0 0;border:0 solid #cccccc;cursor:pointer;}

但还是失真啊。是不是还要在产品调用里再设置下的？
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
13#
t T
发表于 2009-07-14 08:50 |只看楼主

截图如下。请老师看下。
1.JPG (, 下载次数:124)

jpg(2009/7/14 8:50:18 上传)

1.JPG

2.JPG (, 下载次数:119)

jpg(2009/7/14 8:50:18 上传)

2.JPG

3.JPG (, 下载次数:119)

jpg(2009/7/14 8:54:43 上传)

3.JPG

TOP
xiyou
头像

  • 管理员
  • 16249
  • 26997
  • 2015-11-29
14#
t T
发表于 2009-07-14 10:15 |只看该用户

晕，原来说你这里呀，一直以为你说产品介绍页呢

这里不用修改，后台调用时候可以设置图片尺寸的，高可以设置为100，宽可以设置为0，让宽自动调整，也可以反过来设置。
PageAdmin CMS-想到就能做到！
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
15#
t T
发表于 2009-07-14 11:10 |只看楼主

搞定了。呵呵。
原来要写个0啊。空着是不行的。

太好了。谢谢xiyou老师啊。
TOP
jjww123
头像

  • PageAdmin学员
  • 166
  • 357
  • 2009-06-29
16#
t T
发表于 2009-07-14 11:30 |只看楼主

.uc_lanmu_productinfo_image{width:250px;margin:0 0 0 0;border:0 solid #cccccc;cursor:pointer;}
还是这样好，呵呵。

在产品说明，宽度250px，高度不定义，高度让它自动调整。
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器