WordPress.org

Ready to get started?Download WordPress

Forums

Infinite-Scroll
My infiniti scroll is not working (12 posts)

  1. wingye
    Member
    Posted 2 years ago #

    Hi there i like the scroll and i see it works on other site which is really cool. Now i want to add it to my site it doesn't seems to work.

    Content Selector = .contentContainer .works
    Post Selector = .contentContainer .works .mosaic-block-fade

    My site adress is http://dreamin.nl

    I dont have pagination so its not relevant.

    I have done as it should be but it still not working. I hope some of you can help me out .

    Thanks.

    Wing

    http://wordpress.org/extend/plugins/infinite-scroll/

  2. beaver6813
    Member
    Plugin Author

    Posted 2 years ago #

    Infinite-scroll requires some sort of pagination in order to work (it needs to know what page to load next). So at the very least you'll need working "Previous posts"/"Next posts" links.

  3. wingye
    Member
    Posted 2 years ago #

    Thanks Beaver,

    So i need to get my pagination to work in order to get it to work on the site ?

  4. ClementNama
    Member
    Posted 2 years ago #

    Yes because it transforms your "Previous entries" into ajax code to load the next page.

  5. wingye
    Member
    Posted 2 years ago #

    Hi Beaver,

    I get the scroll to showup but its not loading any new post:/

    Wing.

  6. wingye
    Member
    Posted 2 years ago #

    http://dreamin.nl/portfolio/

    This is the link where it should work

  7. wingye
    Member
    Posted 2 years ago #

    <div class="navigation"><p><?php posts_nav_link(); ?></p></div>

    is the code for navigation and below are the slector:

    div.navigation
    div.navigation a.next

    but nothing seems to work :/

  8. beaver6813
    Member
    Plugin Author

    Posted 2 years ago #

    You want:
    Content Selector: ul.works
    Item Selector: ul.works .mosaic-block
    Navigator Selector: div.navigation
    Next Page Selector: div.navigation p a:first

    If that still doesn't work then turn debug on so I can take a closer look.

  9. wingye
    Member
    Posted 2 years ago #

    Hi Beaver,

    Thanks alot for ur reply.
    It seems to work but its not loadung properly. What could be the probleem?

    Wing

  10. beaver6813
    Member
    Plugin Author

    Posted 2 years ago #

    Not sure, it doesn't look to be an infinite-scroll problem (it loads the posts). Perhaps you're using some javascript on those elements on page load? In which case you probably need to add some javascript to load after the new posts are loaded to initiate those.

  11. wingye
    Member
    Posted 2 years ago #

    Hi Beaver,

    Thanks for your quick respons. I use mosaic for those mouse over effect on thumbs. But it seems i cant get it to work. I have turn on debug mode.. I really appreciate if you could help me out.

    Greetz
    Wing

  12. 4Gui
    Member
    Posted 2 years ago #

    add this:

    jQuery('.readmore').mosaic();
    jQuery('.circle, .gallery-icon').mosaic({
    opacity: 0.5
    });
    jQuery('.fade').mosaic({
    animation: 'slide'
    });

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic