javascript - 如何将图像 url 提供给 Pinit 按钮？

Question

我正在尝试将 Pinit 按钮添加到我的网站。问题是，Pinit 按钮需要图像 url，但在我的例子中，图像是动态生成的。那么如何添加 Pinit 按钮，使其固定页面的可见图像。

像这样的东西 example会做得很好。

Answer 1

http://jsfiddle.net/t4KHR/

动态附加图像后运行以下代码将 parent 变量设置为您要共享的图像的 ID parent

var url = document.location.href;
var parent = document.getElementById("imgholder");
var img = parent.getElementsByTagName("img");
for (i = 0; i < img.length; i++) {
    var newpin = document.createElement("a");
    newpin.href = 'http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(url) + '&media=' + encodeURIComponent(img[i].src);
    newpin.className = "pin-it-button";
    img[i].parentNode.insertBefore(newpin, img[i].nextSibling)
    if (i == img.length - 1) {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = "//assets.pinterest.com/js/pinit.js";
        document.getElementsByTagName("body")[0].appendChild(s);
    }

}