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