| @@ -56,32 +56,34 @@ | ||
| 56 | 56 | return; |
| 57 | 57 | } |
| 58 | 58 | ?> |
| 59 | 59 | <script> |
| 60 | - const lazyloadRunObserver = () => { | |
| 61 | - const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); | |
| 62 | - const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { | |
| 63 | - entries.forEach( ( entry ) => { | |
| 64 | - if ( entry.isIntersecting ) { | |
| 65 | - let lazyloadBackground = entry.target; | |
| 66 | - if( lazyloadBackground ) { | |
| 67 | - lazyloadBackground.classList.add( 'e-lazyloaded' ); | |
| 60 | + ( () => { | |
| 61 | + const lazyloadRunObserver = () => { | |
| 62 | + const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); | |
| 63 | + const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { | |
| 64 | + entries.forEach( ( entry ) => { | |
| 65 | + if ( entry.isIntersecting ) { | |
| 66 | + let lazyloadBackground = entry.target; | |
| 67 | + if( lazyloadBackground ) { | |
| 68 | + lazyloadBackground.classList.add( 'e-lazyloaded' ); | |
| 69 | + } | |
| 70 | + lazyloadBackgroundObserver.unobserve( entry.target ); | |
| 68 | 71 | } |
| 69 | - lazyloadBackgroundObserver.unobserve( entry.target ); | |
| 70 | - } | |
| 71 | - }); | |
| 72 | - }, { rootMargin: '200px 0px 200px 0px' } ); | |
| 73 | - lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { | |
| 74 | - lazyloadBackgroundObserver.observe( lazyloadBackground ); | |
| 72 | + }); | |
| 73 | + }, { rootMargin: '200px 0px 200px 0px' } ); | |
| 74 | + lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { | |
| 75 | + lazyloadBackgroundObserver.observe( lazyloadBackground ); | |
| 76 | + } ); | |
| 77 | + }; | |
| 78 | + const events = [ | |
| 79 | + 'DOMContentLoaded', | |
| 80 | + 'elementor/lazyload/observe', | |
| 81 | + ]; | |
| 82 | + events.forEach( ( event ) => { | |
| 83 | + document.addEventListener( event, lazyloadRunObserver ); | |
| 75 | 84 | } ); |
| 76 | - }; | |
| 77 | - const events = [ | |
| 78 | - 'DOMContentLoaded', | |
| 79 | - 'elementor/lazyload/observe', | |
| 80 | - ]; | |
| 81 | - events.forEach( ( event ) => { | |
| 82 | - document.addEventListener( event, lazyloadRunObserver ); | |
| 83 | - } ); | |
| 85 | + } )(); | |
| 84 | 86 | </script> |
| 85 | 87 | <?php |
| 86 | 88 | } ); |
| 87 | 89 | } |