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.
Thread Starter
wingye
(@wingye)
Thanks Beaver,
So i need to get my pagination to work in order to get it to work on the site ?
Yes because it transforms your “Previous entries” into ajax code to load the next page.
Thread Starter
wingye
(@wingye)
Hi Beaver,
I get the scroll to showup but its not loading any new post:/
Wing.
Thread Starter
wingye
(@wingye)
http://dreamin.nl/portfolio/
This is the link where it should work
Thread Starter
wingye
(@wingye)
<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 :/
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.
Thread Starter
wingye
(@wingye)
Hi Beaver,
Thanks alot for ur reply.
It seems to work but its not loadung properly. What could be the probleem?
Wing
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.
Thread Starter
wingye
(@wingye)
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
add this:
jQuery(‘.readmore’).mosaic();
jQuery(‘.circle, .gallery-icon’).mosaic({
opacity: 0.5
});
jQuery(‘.fade’).mosaic({
animation: ‘slide’
});
