php - 在 OpenCart 中悬停时显示次要图像

Question

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

这可能吗？

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

Answer 1

一种不太优雅的方法是使用 jQuery 更改图像源。index+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');
			});
		});