WordPress.org

Forums

jQuery Image Lazy Load WP
Lazy Load images in tabbed content (7 posts)

  1. Bryce Corkins
    Member
    Posted 4 years ago #

    I've got a tabbed content slider on my home page, with thumbnail images of posts in each of the tabs. The code that runs the tabs is:

    jQuery(document).ready(function() {
    	    jQuery('.tabs-content:gt(0)').hide();
    		jQuery('#tabsNav li:first').addClass('active');
    		jQuery('#tabsNav li').bind('click', function() {
    			jQuery('li.active').removeClass('active');
    			jQuery(this).addClass('active');
    			var target = jQuery('a', this).attr('href');
    			jQuery('.tabs-content').hide();
    			jQuery(target).show();
    //			jQuery(document).scrollTo('+=1px', 8000, { axis:'y' });
    			return false;
    		});
    	});

    When I go to a new tab, the images won't load until the user scrolls the page again. As you can see, I tried to manually trigger a scroll-- which works, kinda.. except it throws the user to the bottom of the page.

    Is there a good way to trigger a scroll event, and load the images in these tabs, without actually scrolling the page?

    Or, is there a way to make the Lazy Load plugin listen for the click event on the tabbed content area, and load the images then?

    Any suggestions would be much appreciated.

    http://wordpress.org/extend/plugins/jquery-image-lazy-loading/

  2. Bryce Corkins
    Member
    Posted 4 years ago #

    bump bu bum bump?

  3. thatnorwegianguy
    Member
    Posted 4 years ago #

    Did you ever find a solution for this? I'm having a very simular problem.

  4. amybala
    Member
    Posted 4 years ago #

    that is the fuctionality of lazy load. it loads images lazily.

  5. amybala
    Member
    Posted 4 years ago #

    Do u use timthumb.php for images. Removing timthumb might solve ur problem.

  6. thatnorwegianguy
    Member
    Posted 4 years ago #

    @sekatsim: I haven't tried it, but there seems to be a solution on stackoverflow.

    @amybala: No timthumb.php for me, or you where maybe asking sekatsim?

    Looks like there's a few others with lazy load issues on stackoverflow, I'm going to keep digging.

  7. Bryce Corkins
    Member
    Posted 4 years ago #

    This looks like it would work-- except it'll still scroll the window to the top, no? I needed something that would make LazyLoad think there had been a scroll, without actually scrolling anything.

    Let me know if you come up with anything else, thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • jQuery Image Lazy Load WP
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic