LazyLoad do not load images until scroll

This topic contains 6 replies, has 3 voices, and was last updated by  Stiofan O’Connor 7 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #373523

    Denis P
    Expired Member
    Post count: 134

    Hi, Lazy load option says “GD images will be loaded only when visible on the page” ,in my case when the images are visible are not loaded until scroll.

    i use Divi builder Tabs module, on each tab i add a [gd_listings] shortcode with different category id (see “link” on private reply),

    When switching tabs the LazyLoad do not load the images until scroll is triggered, if i just scroll the bar even for 1 px the images is instantly loaded.

    Is there a way to trigger places images from tabs to load without scrolling or disabling LazyLoad on whole website? (like Best of widget does).

    #373525

    Denis P
    Expired Member
    Post count: 134
    This reply has been marked as private.
    #373526

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    The below code is what we use to fire it when the gd tabs are clicked, you could do something similar.

    
    
    jQuery('#gd-tabs').click(function() {
            setTimeout(function(){jQuery(window).trigger("lookup"); }, 100);
        });

    Stiofan

    #373537

    Denis P
    Expired Member
    Post count: 134

    Could you please help me more with that pls? unfortunately i don’t know much about jQuery
    i try add this code to the < head > but seems not work.

    <script>
    jQuery(‘.et_pb_tabs’).click(function() {
    setTimeout(function(){jQuery(window).trigger(“lookup”); }, 100);
    });
    </script>

    #373544

    Paolo
    Site Admin
    Post count: 31206

    Please provide admin credentials and we’ll have a look.

    Thanks

    #373569

    Denis P
    Expired Member
    Post count: 134
    This reply has been marked as private.
    #373584

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Thanks for the info, i added this code to GD>Design>Scripts>footer script

    
    
    
    <script>
    jQuery('.et_pb_tabs_controls a').click(function() {
            setTimeout(function(){jQuery(window).trigger("lookup"); }, 700);
        });
    </script>

    Thanks,

    Stiofan

Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket