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 });