Vadim Bogomazov

Секреты JavaScript ниндзя.
Выразительный JavaScript.
Как устроен JavaScript.

$.fn.isInViewport = function() {
    var elementTop = $(this).offset().top;
    var elementBottom = elementTop + $(this).outerHeight();
    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();
    return elementBottom > viewportTop && elementTop < viewportBottom;
};

Или: Intersection Observer API

Не проще эту функцию в скролле вытащить отдельно и повесить ее на скролл и document.ready?

Наскидку, что вспомнил.

1. Panzoom.
2. Зум svg, видео реализации. Но там без тача, насколько я вижу, нужно будет допиливать.

В api слайдера есть два события - beforeChange и afterChange.

$('img').on('click', () => {
	location.href = 'https://google.com';
});