Search the Community
Showing results for tags 'lazy loading'.
Hi, I have a question about the ScrollTrigger Image lazy loading. The demo sample uses HTML markup like this: <section class="preloadSection"> <div class="deferredImageContainer"> <img class="deferredImage" width="1200" height="600" src="https://picsum.photos/id/237/20/10" data-src="https://picsum.photos/id/237/1200/600"> </div> </section> Is it possible to do this much simplified? As follows: <img class="lazy" src="https://picsum.photos/id/237/20/10" data-src="https://picsum.photos/id/237/1200/600">
Hey guys, I need a little help with. I want to redo my lazy load with a gsap animation that can replace "SRC" for "DATA-SRC" with fadeIn effect. So the new - full-size Image will fade over the Old one. Any help is much than appreciated. Thank you!
GS Community, I am in the process of rebuilding a GSAP website into a Vue.js project. I am in the very early stages of learning Vue, here is a good, free, video series and here is a very good (but it cost 10 dollars) Udemy course. My hope for this thread is to build out a full GSAP & Vue App. I will break out each component as I go and place it in a codepen (I have quite a few things done already, it will take me some time to go back and break things out). This will be a work in progress and the codepens will be updated in phases: Phase 1: will b