javascript - 页面上有多个自定义 Pinterest "Pin It"按钮？

Question

我的网站上有一个包含多个产品的页面，每个产品 div 都有自己的直接链接，例如“mysite.com/products.php#product1”或“mysite.com/products.php#product2”。

Pinterest 提供了一个按钮来指定 url(所以我可以具体并链接到页面上的确切产品)和要固定的图像，所以我可以在页面上的多个地方使用它，但它不会让我为 pinit 按钮使用自定义图像。

我想要的是每个产品的自定义(意思是使用我自己的图像)pinterest 按钮。我发现了很多制作自定义 pinterest 按钮的示例，但它们从页面中提取所有图像并链接到浏览器所在的 url(例如“mysite.com/products.php”，而不是更具体的 url)非常产品。)

所以，我需要的代码可以让我生成 1) 按钮本身的自定义图像，但也可以 2) 让我像原始 pinit 按钮一样指定链接和 url。

有什么帮助吗？我可以找到例子来做我想做的一半，但我找不到任何能让我满足这两个要求的东西。

谢谢!

Answer 1

您可以为您的 Pinterest 按钮指定一个图像...

<a target="_blank" href="http://pinterest.com/pin/create/button/?url=YOURWEBSITE.com&media=YOURIMAGEURLHERE&description=YOURDESCRIPTIONHERE" class="pin-it-button" count-layout="none"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

查看这个 JS Fiddle:http://jsfiddle.net/GF69r/1/