Показывать вторичное изображение при наведении курсора в 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 });