Показывать фон картинку элемента когда он становится видим на экране

Цена договорная
19 апреля 2023, 17:30 • 3 отклика • 33 просмотра
На странице topshouse.ru/catalog/teplye-doma-iz-brusa/
При клике на "показать еще" подгружаются аяксом список элементов, котороые содержат картинки.
Но картинки показываются только при наведение на соот-щий элемент.

Вот Jquery JS код отвечающий за это:

$(document).on('mouseenter', '.cat-item__gallery span', function () {
$('.cat-item__gallery span').removeClass('active');
$(this).addClass('active');
var imgUrl = $(this).data('img');
$(this).parents('.section-block').find('.cat-item__mainimg').css('background-image', 'url("' + imgUrl + '")');
});

Нужно доплнить JS код, чтобы картинки в списке показывались, когда элемент находится в области видимости экрана.

Прошу озвучить срок и стоимость в отзыве?
Отзывы
R50 b2e6dc4b011b7a6961e7636b1d906197
Заказчик
Супер быстро и сразу в точку.
Был приятно удивлен:) Рекомендую.
~ 1 год назад
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Фрилансер
 
~ 1 год назад