WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Bryce Corkins
    Member
    Posted 3 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 3 years ago #

    bump bu bum bump?

  3. thatnorwegianguy
    Member
    Posted 3 years ago #

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

  4. amybala
    Member
    Posted 3 years ago #

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

  5. amybala
    Member
    Posted 3 years ago #

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

  6. thatnorwegianguy
    Member
    Posted 3 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 3 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

About this Topic