Question

I’m using prettyPhoto plugin for a galery. It comes with FB and Twitter share buttons. However, there’s a problem with updating Twitter’s share URL when openening new pictures. The URL always points to the first picture opened.

It seems this is a known bug, has someone managed to get around it?

Answer 1

Okay, I managed to get around this bug by supplying a callback for changepicturecallback option. Inside the callback I then remove Twitter button that was injected by prettyPhoto and initialize a new one with a proper URL.

jQuery(document).ready(function() {      
  jQuery("a[rel^='prettyPhoto']").prettyPhoto({
    theme: 'dark_rounded',
    changepicturecallback: onPictureChanged
  });

  function onPictureChanged() {
    var twitterDiv = jQuery('.twitter');
    twitterDiv.empty();

    jQuery('<a>', {
      'class': 'twitter-share-button',
      'text': 'Tweet',
      'data-url': location.href,
      'data-count': 'none',
      'href': 'http://twitter.com/share'      
    }).appendTo(twitterDiv);    

    twttr.widgets.load();    
  }     
});