Sharing to Facebook etc doesn't share correct image

[Jon007]

Sharing to Facebook etc doesn't share correct image.
When paging through a picture gallery, the code does not change the page level meta attributes.
This means that facebook gets the original page image (eg the WordPress Featured image) from the meta and not the image the user is trying to share.

To fix this, these types of properties need to be reset:

<meta property="og:image" content="">
<meta property="og:image:width" content="">
<meta property="og:image:height" content="">
<meta name="twitter:image" content="">

This might need to be done on the server, the add-in would need to set the featured image based on the &gid=psgal_280_2&pid=1 query string, since when facebook etc calls the site looking for the image for the post it's probably going for the meta directly without triggering the javascript.

thoughts?

While this doesn't work, the sharing should perhaps be disabled...

[Jon007]

fix: in wp-content/plugins/photoswipe-masonry/photoswipe-dist/photoswipe-ui-default.min.js
change:
{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}'}
to:
{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}&picture={{raw_image_url}}'}

Caveats:

• the &picture= parameter may not be officially supported by Facebook but it works for now
• this is a change to Photoswipe redistributable, however it would work for all Photoswipe usage including non-Wordpress use, so could be proposed to the author
• a full Wordpress implementation might add the image to the url being passed to the sharing links, so that the server can detect and change the featured image/meta tags. this appears not to be necessary for now.

[Jon007]

(this doesn't solve the problem for twitter of course, which doesn't seem to accept a url parameter to override the twitter card, I would just remove the twitter sharing option)

[Jon007]

further fix, even better is to add the description of the current image rather than just using the description of the page:
{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}&picture={{raw_image_url}}&description={{text}}'},

small separate issue, photoswipe isn't trying hard enough to get the description, as I have commented further on thriveweb/photoswipe-masonry#2

[Jon007]

This should be addressed in Photoswipe source but isn't yet, refer to dimsemenov/PhotoSwipe#749