Work with Nextgen Gallery?

Alright – I’ll send you my contacts via your website

I hope this thread helps out lots of other people too. I saw that the web is full with the question of combining ngg and infinite…

Yes, I noticed that too – and to be honest, I was desperate and I was going to quit, but your thread saved me !

I’ve mailed to your gmail address. Did you get it?
I’ve found out how to use the manual trigger too…

This is awesome guys! Thank you!!!

Just wanted to know. I have “Easy FancyBox” Plugin and I cannot seem to make it work with the Fancy Box? As in it does Infinite Scroll but after it scrolls to the next page, Fancybox doesn’t work anymore. Not too good with coding.

Thank You

Thanks thisismyalterego. I had some weird troubles getting the infinite scrolling plugin to save my settings but after I worked around that you code directions worked perfectly.

Hey thisismyalterego, thanks for the help! But I can’t seem to get these two plugins (NextGen & InfiniteScroll) to work together despite following your instructions. I think it has to do with InfiniteScroll enqueuing its javascript BEFORE NextGen in the footer.

My page is: https://bit.ly/15teqic

Any help would be really appreciated!

Hi jkd77,
hm that is strange. The scripts from NextGen are loaded in the header section in my case. Maybe this is a problem indeed. I will have a look what could be done to test this.

Beside that, you did use my settings and script changes as described in this thread?

I did use your settings and changes as indicated, but I will verify as follows:

commented out if test (!$this->shouldLoadJavascript()) in infinite-scroll.php under function enqueue_js()

changed infinite scroll options to:
Content Selector: .ngg-galleryoverview
Navigation Selector: .ngg-navigation
Next Selector: .ngg-navigation a.next
Item Selector: .ngg-gallery-thumbnail-box

I’m using “ajax pagination” on the gallery, but it only seems to create a page two link in the gallery. From viewing the source there only seems to be one instance of jquery core loading, which is good.

Anything else I might be missing?

Thanks again!

Hi thisismyalterego!
This works like a charm! Thank you so much! I been dealing with this for weeks, and this week only wondered around feeling sad this is not working, but then, I found you! ??

There is only one thing, the lightbox, colorbox or prettyphoto, what ever you call it. This only works on page 1, then it breaks. You said you have solved this, mind sharing this solution?

Thanks again!
Fredrik, Sweden

Hey thisismyalterego! Any updates? I’ll have more time to experiment further this weekend. Just thought I’d check in. Thanks!

Update:

I’ve had some limited success getting this to work by installing the source javascript plugin manually in my theme.

BUT I’m having trouble figuring out what functions to call once the content loads. The lightbox isn’t working for images loaded via infinite scroll. And the break elements aren’t being added to separate the rows anymore. I figure something else with NGGallery isn’t loading. I’ve also disabled NGGallery ajax pagination.

Thoughts? Thanks in advance!

Just got lightbox to work!!! I dropped the following from nextgen_lightbox_init.js into the infinitescroll.init.js loading finished function:

var nextgen_jquery_lightbox_init = function()
{
	$('.ngg_lightbox').lightBox(
	{
		imageLoading:  nextgen_lightbox_loading_img_url,
		imageBtnClose: nextgen_lightbox_close_btn_url,
		imageBtnPrev:  nextgen_lightbox_btn_prev_url,
		imageBtnNext:  nextgen_lightbox_btn_next_url,
		imageBlank:    nextgen_lightbox_blank_img_url
	});
};
$(this).bind('refreshed', nextgen_jquery_lightbox_init);
nextgen_jquery_lightbox_init();

Now all I need to figure out are the breaks…