在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){
			jQuery(this).hover(function() {
			  jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '.png');
			}, function() {
			  jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '_NEW_IMAGE_SUFFIX' + '.png');
			});
		});