Lazy Load SVG

  • Resolved lullabyman

    (@lullabyman)


    7 years, 2 months ago

    Any suggestions how to set this up so the SVG loads when it scrolls into view? My SVG is an animation, and I don’t want it to start until it’s in view.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hey there,

    From memory, your animations are within the SVG. I think it might be a bit hard to defer those animations…

    But, you could maybe separate your animations and then use JS to figure out when that part of the screen is in view before firing the animations. Just my first thought.

    Unfortunately it’s a little out of my specialties, but you could probably find some good info on stackoverflow and sites like that.

    Thread Starter lullabyman

    (@lullabyman)

    Great insight, Ben. I’ll start with that. Thanks!

    Plugin Author Benbodhi

    (@benbodhi)

    Good luck, I hope you get it sorted!

    I’ll mark this as resolved just because it’s not really an issue with my plugin. But do feel free to update and add to it if you want to, I’ll be happy to offer any help I can.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lazy Load SVG’ is closed to new replies.