Показывать фон картинку элемента когда он становится видим на экране
При клике на "показать еще" подгружаются аяксом список элементов, котороые содержат картинки.
Но картинки показываются только при наведение на соот-щий элемент.
Вот 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 код, чтобы картинки в списке показывались, когда элемент находится в области видимости экрана.
Прошу озвучить срок и стоимость в отзыве?