Показывать вторичное изображение при наведении курсора в OpenCart

Question

Показывать вторичное изображение при наведении курсора в OpenCart

У меня есть тема по умолчанию в OpenCart 2.0, и при наведении курсора на продукт я хочу, чтобы вторичное изображение отображалось (если на этом продукте есть вторичное изображение) вместо первого. Тогда вернитесь снова.

Это возможно?

Изменить: код, который я хочу, не как заставить эффект произойти. Я хочу знать, как выглядит код, когда я вызываю другое изображение с помощью PHP.

-1

css opencart2.x php

Решение

По вопросам рекламы [email protected]

Accepted Answer

Не очень элегантный способ изменить источник изображения с помощью 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');
});
});

1

Другие решения

Других решений пока нет …

Источник