在OpenCart上悬停时显示辅助图像

Question

我在OpenCart 2.0中有默认主题，当我悬停产品时，我希望显示辅助图像（如果该产品上有辅助图像）而不是第一个图像。然后再回来。

这可能吗？

编辑：我想要的代码不是如何使效果发生。我想要的是当我使用PHP调用其他图像时，知道代码的样子。

Answer 1

一个不那么优雅的方式是使用jQuery来更改图像源。索引+ 1在那里基本上跟踪图像。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
jQuery('#yourselectorhere img').each(function(index){ 
 
\t \t \t jQuery(this).hover(function() { 
 
\t \t \t jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '.png'); 
 
\t \t \t }, function() { 
 
\t \t \t jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '_NEW_IMAGE_SUFFIX' + '.png'); 
 
\t \t \t }); 
 
\t \t });