https://www.pandomo.de/typo3conf/ext/ep_pandomo_references/Resources/Public/Js/reference-list.js?1686828671

1document.addEventListener('DOMContentLoaded', function () {
2
3    // References hover effect on scroll (mobile only)
4    const referencesObserverOptions = {
5        root: null,
6        rootMargin: '50% 0px -25% 0px',
7        threshold: 1
8    }
9
10    const referencesObserver = new IntersectionObserver(referencesScrollHoverCallback, referencesObserverOptions)
11
12    function referencesScrollHoverCallback (entries, observer) {
13        let mediaBreakpointUpXl = window.matchMedia("(min-width: 1200px)").matches
14        if (mediaBreakpointUpXl) return
15        entries.forEach((entry) => {
16            if (entry.isIntersecting) {
17                $(entry.target).parents('.image-related-references').find('.product-tile__img').addClass('product-tile__img--hover')
18                $(entry.target).parents('.image-related-references').find('.image-caption').addClass('image-caption--hover')
19            } else {
20                $(entry.target).parents('.image-related-references').find('.product-tile__img').removeClass('product-tile__img--hover')
21                $(entry.target).parents('.image-related-references').find('.image-caption').removeClass('image-caption--hover')
22            }
23        })
24    }
25
26    document.querySelectorAll('.image-related-references .image-related-references__image').forEach(el => referencesObserver.observe(el));
27
28});