[Plugin: jQuery Colorbox] jquery colorbox not working at all

Hi,
without a link to your blog it’s hard to say why things go wrong.
My two guesses:

1) WP-galleries
the gallery is set to link to the attachment page (see gallery settings)

2) NextGEN galleries
the effect has to be set to “none” and piclens should be disabled.

Cheers,
Arne

Hi Arne,

Thanks for the tips. Everything is adjusted as you say and still nothing is happening.

Please take a look at a typical post page here

wp-gallery on the left, nextgen on the right. thanks for your time!

Very best,
-Emmet

sorry arne, just remembered the directory is protected
user: guest
pass: guest

thanks!

Hi,
I just took a look at your site, are you sure that the plugin is activated to work for all images?
Cheers,
Arne

Hi Arne,

Thanks so much for taking a look. I just double-checked and updated the settings. Colorbox should be now be set to work for all images. It’s active now for the wp-gallery but still no luck on the nextgen.

Also for some reason the previous-next buttons seem to have been disabled.

Thanks again for your time!

Very best,
-Emmet

Hi,

just to be sure:
Both of the following options is turned on for your blog:
“Automate jQuery Colorbox for all images in pages, posts and galleries”
and
“Automate jQuery Colorbox for all other images”?

Cheers,
Arne

oh, forgot:
The images in the NextGEN widget won’t work because of a bug that I introduced in jQuery Colorbox 4.1.

This is fixed in the current development version:
https://downloads.www.ads-software.com/plugin/jquery-colorbox.zip

Cheers,
Arne

Hi Arne,

Thanks for taking a look, actually I am not calling the nextgen gallery by a widget but with the following code:

<?php
			$galleryId = get_post_meta($post->ID, "proyecto", true);
			if($galleryId) {
				echo do_shortcode('[nggtags gallery=' . $galleryId . ']');
			}
		?>

Here there is a custom field called “proyecto” which will show a set of images that match up with a value placed in next gen gallery tags.

Both the automate values are checked on, I’ll download the new version in a few minutes and check it out! Thanks again

Very best,
-Emmet

Hi Arne,

It’s up and running in the new version which is great! However the prev next functionality is still broken, any ideas?

Thanks again for your help, I really appreciate it!

Very best,
-Emmet

Hi Arne,

Sorry to bug you, do you have any idea why the navigation is broken for jquery colorbox in all gallery types (wp-gallery and nextgen)?

Thanks so much for your help!

Very best,
-Emmet

Hey mate,
sorry for that, I am currently on a business trip to Australia and have limited time/internet access during.

I can see on your site that the colorbox-class is not added by the plugin during page rendering.
The IMG-tags would have a CSS class “colorbox-<pageID>”.
This should happen if “Automate jQuery Colorbox for all images in pages, posts and galleries” is checked.

Since that is not happening (for whatever reason), the JavaScript included by the “Automate jQuery Colorbox for all other images” option adds the CSS class “colorbox-manual” to the images and the Colorbox opens without the navigation.

Cheers,
Arne

Hi Arne,

Thanks for your reply. Here are the two things I have checked on in the colorbox settings:

“Automatically add colorbox-class to images in posts and pages. Also adds colorboxc-class to galleries. Images in one page or post are grouped automatically”

“Automatically add colorbox-class to all images that are not in posts and pages (e.g. the sidebar)

When I turn off the second one colorbox stops working altogether on all images. When I turn off the first one colorbox works but navigation is still broken.

I mentioned in a previous reply the code I am using to call the nextgen galleries that are on the right of the project pages. Below is the code that calls the main wp-gallery for each project into the left column:

<?php echo do_shortcode('[gallery size="large" columns="1" order="ASC" orderby="menu_order" link="file"]'); ?>

Any ideas how to get colorbox-class to show up on all images?

Thanks again for taking a look!
Very best,
-Emmet

Hi Arne,

Just wanted to let you know the site has gone live here. I’m currently using the “jquery lightbox for native galleries” plugin as a temporary workaround for wp-galleries.

The nextgen galleries are still running on colorbox and have broken navigation.

Looking forward to your reply!

Thanks again,
-Emmet

Hi,
I just checked the HTML again, this really should work… I guess that it has something to do with the way your theme works.
Cheers,
Arne

I had the same issue. jQuery colobox works great if I put my gallery shortcode (nextgen gallery actually) in the post but if I put the shortcode in a custum field, the image opens in colorbox but no prev/next nor any slideshow.
I finally found a word around and changed the code jquery.colorbox.wrapper.js (version 4.3), in the section :

//if groudId is colorbox-manual, set groupId to "nofollow" so that images are not grouped
if (ColorboxLocal.colorboxGroupId === "manual") {
    ColorboxLocal.colorboxGroupId = "nofollow";

Replace the “nofollow” by whatever you want and jquery colorbox will group the images and the slideshow will work. As this will group any images anytime, you might want to be a bit more restrictive and add one more check to do it only on images which are part of a gallery.