Is it possible to lazyload slides within a section?

[nanc4t]

Hi, I read through a similar bug but can't figure out lazyload-ing individual slides within a section like you had mentioned in:
#46 (comment)

Advice is much appreciated, and thanks for building this!!

[alvarotrigo]

What don´t you understand?
It is explained there how to lazy load backgorund images by using onLeave. if you want to do it with slides just use onSlideLeave or onSlideLoad

[alvarotrigo]

Now you can lazy load images, videos and audio elements by using the new functionality introduced in fullpage.js 2.6.6:

https://github.com/alvarotrigo/fullPage.js#lazy-loading

[ghost]

If my slide HTML looks like this

<div class="slide" id="slide2" data-anchor="slide2">
    <h1>Slide 2</h1>
</div>

and the CSS like this

#slide2{
    background-image: url(../img/img-002.jpg);
    padding:0;
    margin:0;
}

how or better where would I put the data-src attribute?

Or do I have to follow the HTML markup like shown in the demo for lazy loading of slides to be properly working?

<div class="section">
    <div class="slide" id="slide1" data-anchor="slide1">
        <img src="" data-src="https://raw.githubusercontent.com/alvarotrigo/fullPage.js/master/examples/imgs/iphone-blue.png" />
    </div>
    <div class="slide" id="slide2" data-anchor="slide2">
        <img src="" data-src="https://raw.githubusercontent.com/alvarotrigo/fullPage.js/master/examples/imgs/intro.png" />
    </div>
</div>

Thank you for helping me understand this better.

[honeyamin]

hi there.
1-i use envira gallery plugin in wordpress
2- i make a masonry gallery that will load images when you scroll (lazy load)
issue: when scroll to end of section it doesn't go to next section, i use scrollOverflow:true and there isn't any way that i use "rebuild" because i don't know that when last image loade.
tnx for your help
// sorry for post it in closed if(you read comments;-))