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

共计 1278 个字符，预计需要花费 4 分钟才能阅读完成。

相关图片
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() 高了.

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

希望能帮个小忙！