Real Lazy Loading

2 replies · opened Nov 20, 2020

Eedika99Nov 20, 2020

I've implemented a real lazy loading on my site.
I'm using the portfolio 3 column template, and i'm loading the <article> on window scroll with infinitescroll plugin loading json data and creating the <article> dynammically.
The problem is that the ajax loaded elements are not placed correctly.
I've tried to reproduce your template portfolio-infinity-scroll.html.

The page is visible at this address https://www.chicaj.com/showroom.aspx

The page should look like this https://www.chicaj.com/gallery.aspx tha is implemented with server loading, and works correctly.

Attached you'll find also the js file with the main functions of the lazy loading

Eedika99Nov 20, 2020

I've solved with some trick by waiting isotope has been loaded before start lazy load the elements.

SSemicolon WebSTAFFNov 21, 2020

Hello,

Glad that your issues were resolved!

You can also consider wrapping your custom JS Function inside:
[ch_pre]jQuery(window).on( 'pluginIsotopeReady', function(){
// your functions
});[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard