有谁知道如何禁用产品图像放大Magento?Magento如何禁用图像缩放
6
A
回答
6
您可以在模板目录(/ app/design/default/your_theme/template)中修改/catalog/product/view/media.phtml。这是将图像输出的代码:
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
<p class="product-image product-image-zoom">
<?php
$_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image');
?>
</p>
<p class="zoom-notice" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
<div class="zoom">
<img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" title="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
<div id="track">
<div id="handle"></div>
</div>
<img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" title="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
</div>
<script type="text/javascript">
//<![CDATA[
Event.observe(window, 'load', function() {
product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
});
//]]>
</script>
<?php else: ?>
<p class="product-image">
<?php
$_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image');
?>
</p>
<?php endif; ?>
第一部分(if子句后)输出该可缩放图像,而“else”部分输出非变焦版本。我认为,最简单的解决办法是摆脱if语句和刚刚离开的非缩放版本:
<?php
$_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image');
?>
作品就像在一个全新安装的Magento的魅力。
2
如果您的图像比较低,禁用变焦效果很好。对于高清imagaes尝试使用此插件,这里是一个例子:http://www.ajax-zoom.com/demo/magento/index.php/chair.html
相关问题
- 1. 如何在cms中缩放图像Magento
- 2. 禁用图像缩放时的滚动
- 3. 通过javascript禁用Firefox图像缩放
- 4. Magento水印仅在缩放图像中
- 5. JSP如何缩放图像?
- 6. 如何缩放图像?
- 7. 如何使用缩放缩放封面流图像放大android
- 8. 如何用css缩放图像
- 9. 如何使用JScrollBar缩放图像?
- 10. 如何使用php缩放图像
- 11. 如何使用CABasicanimation缩放图像
- 12. 如何使用getScaledImage缩放图像?
- 13. 如何使用tcpdf缩放图像?
- 14. 如何启用缩放图像切换器中的缩放?
- 15. 缩放图像
- 16. 图像缩放
- 17. 如何在iPhone中缩放图像而不缩放子视图?
- 18. 为图像缩放图像
- 19. 如何禁用Twitter Bootstrap中的缩小/缩小图像?
- 20. JFreeChart禁用缩放
- 21. three.js:PerspectiveCamera:禁用缩放
- 22. JMapViewer禁用缩放
- 23. gmaps4rails禁用缩放
- 24. panningEnabled:false禁用缩放
- 25. Android:ImageView禁用缩放
- 26. 禁用缩放WebView?
- 27. 使用jquery缩放图像
- 28. 使用CSS缩放图像
- 29. CKEditor - 禁用图像拖放
- 30. Android 4.1+(Javascript浏览器):如何禁用旋转缩放/缩放?
谢谢你这个 – mcgrailm 2010-08-15 13:56:08