共计 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() 高了.
附件是前后对比(可以在新窗口打开看大图)
希望能帮个小忙!