页面上有多个自定义Pinterest“Pin It”按钮?

时间:2013-01-27 19:38:22

标签: javascript jquery pinterest

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

Pinterest提供了一个按钮来指定网址(因此我可以是特定的并链接到页面上的确切产品)和要固定的图像,所以我可以在页面的多个位置使用它,但它不会让我使用CUSTOM IMAGE作为pinit按钮。

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

所以,我需要能够生成1)按钮本身的自定义图像的代码,但也要2)让我像原始的pinit按钮那样指定链接和URL。

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

谢谢!

1 个答案:

答案 0 :(得分: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小提琴:http://jsfiddle.net/GF69r/1/