Easy fancybox with buddypress

Hi alex80ks, the problem here is new content being loaded via Ajax. For FancyBox to ‘know’ which links it should bind itself to, it needs an event trigger. The plugin uses currenty two events: “document ready” which happens right at page load, and “post-load” which is an event fired by Jetpack Infinite Scroll after loading new posts via ajax on scrolling down a category page for example…

I’m surprised that BuddyPress does not use the same “post-load” event. If you can find out if BuddyPress fires an event at all and what its handle/name is, then I can update Easy FancyBox to start listening for this event too.

I’ve looked at your site and I think I found the script code where this stuff is done. It’s inside the global.js script in the default BP theme. And there might be a way to make it work by modifying a little snippet inside wp-content/plugins/buddypress/bp-themes/bp-default/_inc/global.js …

Open that file in the WP theme editor and find about 1/5th to 1/4th down the content:

// Activity "Read More" links
	jq('div.activity').on('click', '.activity-read-more a', function(event) {
		var target = jq(event.target);
		var link_id = target.parent().attr('id').split('-');
		var a_id = link_id[3];
		var type = link_id[0]; /* activity or acomment */

		var inner_class = type == 'acomment' ? 'acomment-content' : 'activity-inner';
		var a_inner = jq('li#' + type + '-' + a_id + ' .' + inner_class + ':first' );
		jq(target).addClass('loading');

		jq.post( ajaxurl, {
			action: 'get_single_activity_content',
			'activity_id': a_id
		},
		function(response) {
			jq(a_inner).slideUp(300).html(response).slideDown(300);
		});

		return false;
	});

Now append (before the closing ; character!) a .trigger('post-load') to the line inside the function(response) { ... } so that it looks like:

jq(a_inner).slideUp(300).html(response).slideDown(300).trigger('post-load');

Let me know if that does the trick or not 🙂

Good to hear. Be aware that when you update the theme, your change will be lost… Maybe you can suggest it on your buddypress.org forum post as a permanent solution 🙂

I hope you liked way of using your plugin especially home page inside of cube menu.

Sure 🙂 one tip: take a look at the plugin http://wordpress.org/plugins/show-content-only/ which you can use it in combination with these iframe links so that only the content will be shown, not the header and sidebars.

Do you think is it bad for something?

No no, not bad. It’s just a choice 🙂

problem is #header background-image.Some weird way header “pick-up” featured image as background. it doesnt happens all the time but it happens.

Sounds like that is part of how the theme does featured images. It’s the same with Twenty Eleven for example… To make it look better, I’d remove the rule #header #search-bar .padder {height: auto;padding: 0 15px 50px 20px;} from wp-content/themes/bp_vs/style.css but if you want to disable that featured image to header image thing all together, then you’ll need to get help on the buddypress forum I think.