A-A+

如何去掉Magento resizing后的图片白框

2015年02月03日 灵犀一指 如何去掉Magento resizing后的图片白框已关闭评论 阅读 1,084 人 次

Featured Image

相关图片
Magento对于商品图片输出的控制,可谓非常漂亮。但是,某些时候,Resized后的图片却会出现令人疑惑的白框。你可以通过CSS去修改输出效果,但是,这里提供一个比较简略的方法,可以有效的去除白框。

media.phtml里面是这样写的:

[php]
< ?php foreach ($this->getGalleryImages() as $_image): ?>
<li>
<a href="#" onclick="popWin('<?php echo $this->getGalleryUrl($_image) ?>', 'gallery', 'width=300,height=300,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;" title="< ?php echo $this->htmlEscape($_image->getLabel()) ?>"><img src="<?php echo $this-/>helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" width="56" height="56" alt="< ?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
</li>
< ?php endforeach; ?>
[/php]

修改成这样,就可以去掉白框了:

[php]
< ?php foreach ($this->getGalleryImages() as $_image): ?>
<li>
<a href="#" onclick="popWin('<?php echo $this->getGalleryUrl($_image) ?>', 'gallery', 'width=300,height=300,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;" title="< ?php echo $this->htmlEscape($_image->getLabel()) ?>"><img src="<?php echo $this-/>helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->keepFrame(false)->resize(56); ?>" alt="< ?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
</li>
< ?php endforeach; ?>
[/php]

其实你会发现,就是将keepFrame(false) 方法的优先级调整得比  resize() 高了.

附件是前后对比(可以在新窗口打开看大图)

 

希望能帮个小忙!

标签:

评论已关闭!