Ticket #13 (closed 需求: fixed)

Opened 15 years ago

Last modified 15 years ago

图片规格需求确认

Reported by: chenchongqi Owned by:
Priority: major Milestone: 2011产品报价库改版需求确认
Component: 产品库 Version:
Keywords: Cc:
Due Date:

Description (last modified by lidarong) (diff)

60*45 概览页大图下方小图、相关产品列表
100*75 频道左侧位置、频道排行、报价库排行
120*90 频道推荐产品、报价库列表
180*135 报价库图片列表、商城经销商报价页
280*210 概览页大图、列表鼠标经过大图

还有高清图,这个待定:

陈棉雄(陈棉雄) 11:13:32
 http://piclib.pcauto.com.cn/cars/image/368785-1.html
电脑网会和汽车统一这个页面
陈棉雄(陈棉雄) 11:13:57
应该说五网都统一这个页面了,最差电脑网

===================================================================================
把下面评论提上来
索引图尺寸(4:3)
Index 100x75 (cn)
Index2 120x90 (sn)

索引图尺寸(特殊尺寸)
Index3 80x100 (_sn2)
Index4 100x100 (_sn4)
Index5 110x62 (_sn5)

索引图待生成尺寸
Index6 60x45 (_sn6)排行榜使用
Index7 160x120 (_sn7)索引页面,图片模式
Index8 280x210 (_sn8)鼠标经过大图

方位图/大图(4:3)
60x45 (_s)
200x150 (_m) 修改为 280x210

方位图/大图待生成
280x210 (_m)
800x600 (_l) --ps 要另外想一个字母 不能用-l 以前超大图有用l结尾

1.索引图处理
通过Index2取得所有索引图(及原图)
select pdl_product_pic.*,replace(pic_path,'_sn.','.') as pic from pdl_product_pic where type=5 and pic_path like '%_sn.%' and pic_path like ' http://img.%';

2.方位图
select * from pdl_product_pic where type=0 and pic_path like ' http://img.%';

转行命令参考
convert /arch-data/www/img-arch/images/product/4476/447690/4_sn.jpg -thumbnail 110x62 /arch-data/www/img-arch/images/product/4476/447690/4_sn5.jpg

Attachments

ImageZoom.rar Download (8.9 KB) - added by chenchongqi 15 years ago.

Change History

comment:1 Changed 15 years ago by chenchongqi

新页面 新规格 旧规格
概览页大图下方小图 60*45 60*45压缩(48*36)
相关产品列表(终端页:猜你会喜欢) 60*45 100px × 75px (缩放至 48px × 36px)
频道左侧位置(频道页商城特价区) 100*75 120px × 90px (缩放至 100px × 75px)
频道排行 100*75 120px × 90px (缩放至 100px × 75px)
报价库排行(报价首页) 100*75 119px × 90px (缩放至 100px × 75px)
频道推荐产品 120*90 120*90(文章图,各种规格压缩)
报价库列表 120*90 100×75
报价库图片列表 180*135=>160×120(5.4调整) 100×75
商城经销商报价页 180*135=>160×120(5.4调整) 目前没有对应图片
概览页大图(报价库列表:xxx个经销商) 280*210 200×150
列表鼠标经过大图 280*210 200×150
Last edited 15 years ago by chenchongqi (previous) (diff)

comment:2 Changed 15 years ago by chenchongqi

新框架图终端概览页大图,鼠标放上去后局部放大功能,涉及放大后图片的比例尺寸,待定。

comment:3 Changed 15 years ago by chenchongqi

蔡耿彬(蔡耿彬) 15:09:19
振佳,以后报价库产品图片上传的尺寸是?
陈振佳(陈振佳-177) 17:29:11

1280

陈振佳(陈振佳-177) 17:29:21

宽度控制在1280宽

陈崇锜(陈崇锜) 17:40:58
那这个概览页放大的图是用原图吗?
陈振佳(陈振佳-177) 17:43:08

原图,

陈振佳(陈振佳-177) 17:43:17

不会太小吧 ,1280

陈崇锜(陈崇锜) 17:43:36
那以前的原图没有这么大尺寸的打算如何处理
陈振佳(陈振佳-177) 17:45:22

只能 [保持] 原图大小显示

陈崇锜(陈崇锜) 17:51:24
就是原图多大就显示多大是吗?
陈振佳(陈振佳-177) 17:55:57
嗯,因为好多历史图片,
陈振佳(陈振佳-177) 17:56:12

变形拉大也不好

陈振佳(陈振佳-177) 17:56:24

编辑重新上传这个也不现实

陈振佳(陈振佳-177) 17:56:39

折中办法就是新规范,原图设定一个尺寸

陈崇锜(陈崇锜) 17:57:17
好,我明白了,新的原图尺寸,就要编辑规范一下了
陈振佳(陈振佳-177) 17:57:41

好的

陈振佳(陈振佳-177) 17:57:55

具体的分辨率宽度,我们跟UE同事敲定下

comment:4 Changed 15 years ago by chenchongqi

陈崇锜(陈崇锜) 18:05:30
产品库新版终端页,鼠标放图片上会出现一个局部放大的效果,制作这边是可以实现的是吗?
郑华聪(John (CMS报障-117)) 18:05:58
有例子吗?
卢丹(卢丹594) 18:06:21
360有做过
卢丹(卢丹594) 18:06:31
有,我已经让我同事去帮忙整理了
陈崇锜(陈崇锜) 18:07:10
就是抄中关村的那个效果啦
 http://www.zol.com/detail/notebook/Acerhongchang/2991088.html
卢丹(卢丹594) 18:07:23
错,应该说是中关村,哎哎,我怎么说360
郑华聪(John (CMS报障-117)) 18:07:51

,我刚才费解了一下,360好无辜~

卢丹(卢丹594) 18:07:53
我同事很久之前有在网上搜过,模仿写了一个DEMO.到时直接用那个
单景豪(阿豪 870) 18:09:52

卢丹(卢丹594) 18:10:43

 http://192.168.11.3/trac/itproduct/attachment/ticket/13/ImageZoom.rar

卢丹(卢丹594) 18:10:46
DEMO
陈崇锜(陈崇锜) 18:11:16
放大用的那张图是原图,振佳是想以后大概是1280的,你们看是否可以
卢丹(卢丹594) 18:11:38
恩,这个我明天看看。
在答复你

Last edited 15 years ago by chenchongqi (previous) (diff)

Changed 15 years ago by chenchongqi

comment:5 Changed 15 years ago by lidarong

索引图尺寸(4:3)
Index 100x75 (cn)
Index2 120x90 (sn)

索引图尺寸(特殊尺寸)
Index3 80x100 (_sn2)
Index4 100x100 (_sn4)
Index5 110x62 (_sn5)

索引图待生成尺寸
Index6 60x45 (_sn6)排行榜使用
Index7 160x120 (_sn7)索引页面,图片模式
Index8 280x210 (_sn8)鼠标经过大图

方位图/大图(4:3)
60x45 (_s)
200x150 (_m) 修改为 280x210

方位图/大图待生成
280x210 (_m)
800x600 (_l)

1.索引图处理
通过Index2取得所有索引图(及原图)
select pdl_product_pic.*,replace(pic_path,'_sn.','.') as pic from pdl_product_pic where type=5 and pic_path like '%_sn.%' and pic_path like ' http://img.%';

2.方位图
select * from pdl_product_pic where type=0 and pic_path like ' http://img.%';

转行命令参考
convert /arch-data/www/img-arch/images/product/4476/447690/4_sn.jpg -thumbnail 110x62 /arch-data/www/img-arch/images/product/4476/447690/4_sn5.jpg

Last edited 15 years ago by lidarong (previous) (diff)

comment:6 Changed 15 years ago by chenchongqi

5.9日会议关于局部放大图:

1.放大图使用800×600规格,旧数据用原图转成800×600,如果因为原图尺寸小效果不理想的编辑自己手动重新上传。
2.新上传的原图尺寸暂定为1280.

comment:7 Changed 15 years ago by lidarong

200x150 (_m) 修改为 280x210

检查了页面
这个页面上限制了大少 可以直接转换 不用再弄多一个尺寸了

comment:8 Changed 15 years ago by lidarong

  • Description modified (diff)

comment:9 Changed 15 years ago by lidarong

  • Description modified (diff)

comment:10 Changed 15 years ago by lidarong

  • Description modified (diff)

comment:11 Changed 15 years ago by chenchongqi

  • Status changed from new to closed
  • Resolution set to fixed
Note: See TracTickets for help on using tickets.