Magento：如何在best-sellers.phtml文件中创建鼠标悬停图像？

Question

在Magento“畅销书”版块中，我有固定的图像，希望将其替换为鼠标悬停图像。

这是best-sellers.phtml中的初始代码：

<div>
   <a href="<?php echo $_product->getProductUrl($_product); ?>">
      <img src="<?php echo $_imgHelper->init($_product, 'thumbnail')->resize(220, 276); ?>" width=« 220" height=« 276" alt="<?php echo $_product->getName(); ?>" />
   </a>
</div>

我将初始代码更改为：

<img onmouseover="this.src='http://www.mywebsite/media/wysiwyg/chaise-design-italie-hip_trans-Verso_1.png';             
" onmouseout="this.src="<?php echo $_imgHelper->init($_product, 'thumbnail')->resize(220, 276); ?>" 
" src="<?php echo $_imgHelper->init($_product, 'thumbnail')->resize(220, 276); ?>" 
width=« 220" height=« 276" alt="<?php echo $_product->getName(); ?>" />

结果是：源图像出现，鼠标悬停图像出现，但鼠标悬停没有任何反应，它始终显示鼠标悬停图像。

知道我做错了什么吗？

非常感谢您的帮助 ！

Answer 1

请参考此内容，因为它可以帮助您http://magentocodes.blogspot.in/2013/09/change-product-image-on-hover-in.html