- 帖子
- 373
- 积分
- 1062
- 体力
- 616 点
- 金币
- 259
- 威望
- 0
|
6楼
发表于 2010-7-21 10:29
| 只看该作者
本帖最后由 天蝎的梦想 于 2010-7-21 10:31 编辑
回复 5# fmhyht
我用的是BigSale模板,商品详情页面的大图,要是上传正方形的图片和横着的长方形图片,它就可以自动缩小在300*300的框内,反而上传竖着的长方形图片,他就不能自动缩小在框内了,会自动显示图片的上半部分。要怎么修改呢?
是商品相册里的图片,点击下面的小图在大图显示的时候,竖着的长方形图片不能自动缩小在宽内,而只显示上半部分。谢谢了,希望能得到解决。
这是CSS代码:
- .goodImg .imgInfo{
- border:1px solid #ccc;
- height:300px;
- width:300px;
- line-height:300px;
- text-align:center;
- margin:0px;
- overflow:hidden;
- }
- .goodImg .imgInfo img{
- *margin-top: expression(( 300 - this.height ) / 2);
- text-align:center;
- vertical-align:middle;
- overflow:hidden;
- }
复制代码
下边是详情页面的图片代码:
-
- <div class="imgInfo">
- <img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" id="goodsimg" style="width:300px; cursor:pointer;" onclick="window.open('gallery.php?id={$goods.goods_id}'); return false;" />
- </div>
复制代码 |
|