How can I lazy load images placed in an off-canvas panel?

  • Resolved diegocanal

    (@diegocanal)


    4 years, 6 months ago

    Hi Florian,

    I have an off-canvas sliding panel that contains images. They are being loaded on page load. What can I do to load them only when the panel is triggered?

    Best

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

    (@florianbrinkmann)

    Hi Diego,

    I think the easiest way would be to initially hide them via display: none or visibility: hidden and remove that CSS rule when the panel is triggered.

    Hope that helps!

    Best,
    Florian

    Thread Starter diegocanal

    (@diegocanal)

    Hi Florian,

    Initially hiding them via display: none did the trick –I also tried visibility: hidden but it didn’t work, the images were still being loaded at page load–. It was an obvious solution that for some reason I couldn’t see.

    Thanks a lot for your help!

    Best,
    Diego

    Plugin Author Florian Brinkmann

    (@florianbrinkmann)

    Hi Diego,

    you’re welcome, great to hear that it worked! ??

    Best,
    Florian

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I lazy load images placed in an off-canvas panel?’ is closed to new replies.