[Plugin: Gallery Carousel Without JetPack] add a faebook like in the carousel

i am sure you and i are not alone when we would like to see some social functionality, at least FB share and P pin…

The goal of this plugin is to emulate exactly what Jetpack Carousel feature offers without requiring users to connect with WordPress.com

If you look at the code, this is literally a copy and paste of Jetpack plugin minus the need for authentication. In order to keep it updated with future versions of Jetpack carousel, I am not adding any additional features.

ok, makes sense from that perspective. as i am not a developer – are there any hooks which one could base a further plugin on to add this functionality?

Would be ideal – surprised Jetpack doesn’t have it… May well be possible with: https://www.addthis.com/labs/photo-sharing

Well. I nearly did it. Maybe it will inspire someone else to finish the job off.

I used the addthis method to get the overlay on static images. I did this by adding the addthis class to the image and adding the javascript into the header.

I then amended the plugins javascript to add an a href=”#” and class – both needed to trigger the addthis javascript. But. It didn’t work. Here is the code change (line. 741 in jetpack-carousel.js)

// If the start_index is not 0 then preload the clicked image first.
			if ( 0 !== start_index )
				$('<img/></a>')[0].src = $(items[start_index]).data('gallery-src');

			// create the 'slide'
			items.each(function(i){
				var src_item        = $(this),
					attachment_id   = src_item.data('attachment-id') || 0,
					comments_opened = src_item.data('comments-opened') || 0,
					image_meta      = src_item.data('image-meta') || {},
					orig_size       = src_item.data('orig-size') || 0,
					title           = src_item.attr('title') || '',
					description     = src_item.data('image-description') || '',
					caption         = src_item.parents('dl').find('dd.gallery-caption').html() || '',
					src		= src_item.data('gallery-src') || '',
					medium_file     = src_item.data('medium-file') || '',
					large_file      = src_item.data('large-file') || '',
					orig_file	= src_item.data('orig-file') || '';

				var tiledCaption = src_item.parents('div.tiled-gallery-item').find('div.tiled-gallery-caption').html();
				if ( tiledCaption )
					caption = tiledCaption;

				if ( !attachment_id || !orig_size )
					return false; // break the loop if we are missing the data-* attributes

				title       = gallery.jp_carousel('texturize', title);
				description = gallery.jp_carousel('texturize', description);
				caption     = gallery.jp_carousel('texturize', caption);

				var slide = $('<div class="jp-carousel-slide"></div>')
						.hide()
						.css({
							'position' : 'fixed',
							'left'     : i < start_index ? -1000 : gallery.width()
						})
						.append($('<a href="#"><img class="addthis_shareable">'))
						.appendTo(gallery)

Good luck!