Prettyphoto Lightbox Social Tools: All Images Have The Same Number Of Facebook Likes

Background: I have a site using a prettyPhoto lightbox to display photos. I've enabled social tools to display the 'tweet' and Facebook 'like' buttons on the lightbox, in hope to e

Solution 1:

In case anyone ever comes up on this again, This solution worked for me and it shares the image directly.

This is for images only, but there's no reason it wont work for the rest of the cases in PrettyPhoto.

In your PrettyPhoto parameters in prettyPhoto.js, switch out the facebook iframe to look like this with whatever params you want, all that matters here is that "{path}" is in the href spot of the iframe src:

<iframe id="fbiframe" src="//www.facebook.com/plugins/like.php?href={path}&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=21&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:26px;" allowTransparency="true"></iframe>'

Then around line 274 in the prettyPhoto.js file you should see this line:

$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g, pp_images[set_position]);

Add another line just like it and replace the href for the src like below, again with whatever params you want, the point is that the href is replaces with the image location variable:

$('#fbiframe').attr('src', "//www.facebook.com/plugins/like.php?href="+pp_images[set_position]+"&width&layout=button&action=like&show_faces=false&share=true&height=26");