自动调整详情图片大小
2016-07-07 16:11 来源:www.chinab4c.com 作者:ecshop专家
我的是2.72默认模板的,我发现如果上传的详情图太宽的话就会造成网页错位,有谁知道怎么修改css,使得详情图会自动调整大小吗?比如图片宽度最大值设置为600,当我们上传的详情图宽度大于600时,图片会按照比例自动缩小为宽度600的图片;如果上传的详情图宽度小于600的话,则无需调整 |
回答:
你在产品详细页把产品大图的宽设置为 600,高设置为 auto,这个方法不是最完美的,但是可以解决你的问题。 |
是要修改哪个呢?我不太确定 #goodsInfo{background:#f2f2f2; padding:8px; _height:1%;} #goodsInfo .imgInfo{width:230px; float:left; margin-right:10px; overflow:hidden;} #goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/ #goodsInfo span{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat 0 -527px; float:left;} #goodsInfo span.spanR{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat -5px -527px; float:right;} #goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;} #goodsInfo .gallery ul{width:auto;} #goodsInfo .gallery li{float:left; width:48px; margin:0 2px;} #goodsInfo .gallery li img{width:46px; height:46px; display:block;} |
css 需要对应着页面看。 |
怎么设置 图片的大小啊 |
Q 我给你看下,最好pm 你站点过来 |
#goodsInfo{background:#f2f2f2; padding:8px; _height:1%;} #goodsInfo .imgInfo{width:230px; float:left; margin-right:10px; overflow:hidden;} #goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/ #goodsInfo span{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat 0 -527px; float:left;} #goodsInfo span.spanR{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat -5px -527px; float:right;} #goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;} #goodsInfo .gallery ul{width:auto;} #goodsInfo .gallery li{float:left; width:48px; margin:0 2px;} #goodsInfo .gallery li img{width:46px; height:46px; display:block;} 世博礼品世博会礼品 世博会纪念品 世博会纪念品专卖店 世博会礼品专卖店 |
有知道怎么修的吗 |
帮顶一下! |
有没有高手帮忙啊 |
图形放大:点一下图形,会有一个框框出来,四周有几个四方型的小框框,直接点左键拉就行了编缉文字:在word2003中是不能直接编缉CAD图形的,双击图形,图形会转变成CAD就可以编缉文字了,你电脑必须安装有CAD才行 |
图形放大:点一下图形,会有一个框框出来,四周有几个四方型的小框框,直接点左键拉就行了编缉文字:在word2003中是不能直接编缉CAD图形的,双击图形,图形会转变成CAD就可以编缉文字了,你电脑必须安装有CAD才行 |
最近更新
常用插件
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
ecshop热门问答
ecshop热门资料
ecshop测试数据
ecshop支付宝无商家支付
ecshop纯静态
ecshop数码
ecshopcontent
ecshop主广告
ecshop留言显示IP
ecshop虚拟机
ecshop不更新
ecshop调回
ecshop希望
ecshopInjection
ecshop代购
ecshop财务
ecshop免费客服代码
ecshop秒杀
ecshop帐户
ecshop新建
ecshopecenter
ecshopcss
ecshopENDFOREACH
修改ecshop
ecshopMYSQL错误
ecshopstarted
ecshop打印机
ecshop左端
ecshop分类出错
ecshop切实可行
ecshop闵行地区
ecshop书签