[Resolved] Infinite scroll in a View

[Author]

Posts

[marcoR-6]

Hi,
I have a problem with my View.
I need to add an infinite scroll, because I have many records and they contain images, so page load take too much seconds before to be ready.

I tried to set "Pagination enabled with automatic AJAX transition" option in my view. It works well but I have two problems.
The first is that it change page after N seconds. I would like that when I scroll down the first page, the second appear under the first page. So I would like to do something like Facebook's home.

The second problem is when load the second page. In my view I'm using jQuery because I add a slider plugin. That plugin need to be initialize when the document is ready. So, the first 10 results works well, in the next result slider not work because the images are loading after document is ready.

How can I fix those problems?

Thanks,
M.

[marcoR-6]

UPDATE:
I managed to implement infinite scroll setting option to "Pagination enabled with manual transition and AJAX".

But the problem of jquery slider still remain. I also noticed that the custom shortcode that I had implemented out of my loop view (but inside my view) works only before other pages are load.

M.

[Christian Cox]

Hi, you can trigger any custom JavaScript with pagination events (or filter change events). Please go to your View Editor and open the JS panel beneath the Loop Output editor. There you will find a button "Front-end events". Click that button and you will be prompted to choose the event you want. Configure the listener and the wizard will insert a JavaScript template where you can add your callback function or code. In the callback, you must use "jQuery" instead of "$" as the namespace for jQuery.