Question

我试图找出一些PHP代码。

我在fancybox弹出窗口中有一个滑块。我需要做的是然后我点击图像它在＆＃34;图像 - 产品名称＆＃34; P级。

    <div class="modal-body">
    <button class="close">×</button>
    <div class="UI-IMAGE image">
        <img src="<?php echo Mage::helper('core/image')->init($_product, 'image', 'catalog/product')->resize(640, 400) ?>" width="640px" height="400px"
            alt="<?php echo $this->htmlEscape($this->getImageLabel()) ?>"
            title="<?php echo $this->htmlEscape($this->getImageLabel()) ?>">
    </div>
    <p class="image-product-name"><?php echo $_product->getName() ?></p>
    <?php if (count($this->getGalleryImages()) > 0): ?>
    <div class="previews UI-PREVIEWS">
        <ul>
            <?php foreach ($this->getGalleryImages() as $_image): ?>
            <li>
                <a href="#" 
                    title="<?php echo $this->htmlEscape($_image->getLabel()) ?>"
                    data-image="<?php echo $this->helper('core/image')->init($this->getProduct(), 'thumbnail', 'catalog/product', $_image->getFile())->resize(640, 400); ?>">
                    <img src="<?php echo $this->helper('core/image')->init($this->getProduct(), 'thumbnail', 'catalog/product', $_image->getFile())->resize(78, 78); ?>" width="78px" height="78px"
                        alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>"/>
                </a>
            </li>
            <?php endforeach ?>
        </ul>
    </div>
    <?php endif ?>
</div>

现在它只是回应一个图像名称。我应该更改什么才能使其回显活动图像alt文本？

Answer 1

你需要javascript。在下一个例子中，我使用了jQuery：

$('.imgClass').click(function(){  //When user click on your img
    var altImg = $(this).attr('alt');  //Save the alt attribute into a variable
    $('p.image-product-name').html(altImg); //Place the variable between the p tags;

});

Answer 2

没有js只需更改变量：

   <p class="image-product-name"><?php echo $_product->getName() ?></p>

到

   <p class="image-product-name"><?php echo $this->htmlEscape($_image->getLabel()) ?></p>

相当直接

在<p>

2 个答案: