https://www.gridserve.com/wp-content/themes/general-block-wp/block…crolljacking-timeline/script.js?ver=1.756.3

1;( $ => {
2
3    $( () => {
4
5        $( '.block-scrolljacking-timeline .item[data-image] .item__indicator' ).each( ( idx, el ) => {
6
7            const $item = $( el ).closest( '.item' )
8            const $block = $item.closest( '.block-scrolljacking-timeline' )
9            const $image = $block.find( '.sticky-wrapper .image' )
10
11            gsap.matchMedia().add( '(min-width: 921px)', () => {
12
13                ScrollTrigger.create( {
14                    trigger: el,
15                    start: 'top top+=70%',
16                    onEnter: () => {
17
18                        const newSrc = $item.data( 'image' )
19
20                        if ( ! newSrc ) return
21
22                        $image.prop( 'src', newSrc )
23
24                    },
25                    onLeaveBack: () => {
26                        
27                        const $prevItem = $item.prevAll( '.item[data-image]' ).first()
28                        const newSrc = $prevItem.data( 'image' )
29
30                        if ( $prevItem.length && newSrc )
31                            $image.prop( 'src', newSrc )
32                        else
33                            $image.prop( 'src', $image.data( 'default' ) )
34
35                    }
36                } )
37
38            } )
39
40        } )
41
42    } )
43
44} )( jQuery );