• Registered: 2013-05-06
  • Posts: 3

Topic: Pinterest Addthis Issues

I added addthis widget to the gallery and I am having two issues with the pinterest portions:

https://www.addthis.com/get/

1. Only the current and next image in pinnable in the addthis modal.  Changing preloading to all does nothing.  It would be nice to have them all.  I am guess this is a some function of changing visibility etc...
2. The modal adds the thumbnails when they are enabled.  It would be helpful to add option of no pin tag to thumbnails since they are terrible quality to pin. 

<img src = "foo.jpg" nopin = "nopin" /

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Pinterest Addthis Issues

Juicebox-Pro v1.3.1 now features integrated support for sharing images via Pinterest by setting sharePinterest="TRUE" in the gallery's XML file. Please see here for details.
If you are not already using Juicebox-Pro v1.3.1, then you can upgrade by following the instructions here.

  • Registered: 2013-05-06
  • Posts: 3

Re: Pinterest Addthis Issues

Thanks for the reply, but this doesn't solve the problem of thumbnails having the nopin attribute.  While it is great that we can pin the current photo, if another api scans the site for images, it will still show the thumbnails as pinnable.  This allows the possibility of pinning low quality pictures which I am not pleased about.  We are using addthis social networking api for the site, is it possible to add a custom button to the bar through api?  Thanks.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Pinterest Addthis Issues

is it possible to add a custom button to the bar through api?

No. This is not possible.

It would be helpful to add option of no pin tag to thumbnails since they are terrible quality to pin.

You could try the following suggestion but please note that it is untested and I do not know if it will work.
You could listen for the Juicebox-Pro API onThumbPageChange(id) method to be fired (each time a new page of thumbnails is displayed) and use JavaScript to iterate over all the <img> tags on the page with class="jb-thm-thumb-image" and dynamically add the nopin="nopin" attribute to them.

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    jb = new juicebox({
        containerId : 'juicebox-container'
    });
    jb.onThumbPageChange = function(e) {
        var thumbs = document.querySelectorAll(".jb-thm-thumb-image");
        var counter=0;
        for (var i=0, max=thumbs.length; i < max; i++) {
             thumbs[i].setAttribute("nopin", "nopin");
        }
    }
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->