Question

我正在使用magento 1.7版本。我有一些带产品的图片。现在我想在详细页面中显示为滑块。我的代码如下： -

<?php if (count($_product->getMediaGalleryImages()) > 0): ?>  
<div class="more-views">

<div class="productsmallImage">
    <div id="slider2">
        <a class="buttons prev" href="javascript:;">left</a>
        <div class="viewport">                 
            <ul class="overview">            
                <?php foreach ($_product->getMediaGalleryImages() as $_image):?>
                <li>
                    <!--No lightbox on click of image-->
                  <a href="<?php echo $_image->getUrl();?>" title="<?php echo $_image->getName();?>" onclick="$('image').src = this.href; return false;">
                      <img src="<?php echo $_image->getUrl(); ?>" width="56" height="56" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
                  </a>
                </li>
                <?php endforeach; ?>
            </ul>
        </div>
        <a class="buttons next" href="javascript:;">right</a>
    </div>
</div>

此计数（$ _ product-＆gt; getMediaGalleryImages（））具有值4.所有图像显示但需要调整它们的大小。请帮助执行此操作。

Answer 1

尝试使用以下构造输出图像：

<img src="<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail', $_image->getFile())->resize(56) ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />

Answer 2

foreach ($_product->getMediaGalleryImages() as $image) {

固定宽度为600px

$image_Url = Mage::helper('catalog/image')
 ->init($_product, 'image')
->constrainOnly(TRUE)
->keepAspectRatio(TRUE)
->keepFrame(FALSE)
->resize(600,null)
?>

固定高度为600px

$image_Url =  Mage::helper('catalog/image')
              ->init($_product, 'image')
               ->constrainOnly(TRUE)
               ->keepAspectRatio(TRUE)
               ->keepFrame(FALSE)
                ->resize(null,600)

以下代码将按比例调整图像大小而不是让它图像大于指定的高度和宽度。

 $_image_Url = Mage::helper('catalog/image')
                          ->init($_product, 'image', $image->getFile())
                          ->keepFrame(true)
                          ->keepAspectRatio(TRUE)
                          ->constrainOnly(true)
                          ->resize(600,600);


<img src="<?php echo  $_imageUrl; ?>" alt="" class="normal"/>


}

如何在magento中调整媒体图像的大小？

2 个答案: