如何在将按钮添加到页面时选择哪些图片可用于固定?

时间:2015-11-25 16:59:27

标签: javascript html pinterest pin-it-sdk

我正在开发一个网页,上面有一个pin-it按钮。问题是当我点击它时,出现的弹出窗口会显示我不知道从哪里检索到的图像,因为它们不在当前页面中。

有没有办法指定哪些图像可用于固定?

我在body标记结束之前添加了此代码:

<script  src="//assets.pinterest.com/js/pinit.js" async defer></script>

这就是我放置按钮的方式:

<a data-pin-do="buttonBookmark" href="https://www.pinterest.com/pin/create/button/">
<img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" />
</a>

可以做我需要的吗?如果是,怎么样?

的Jaime

1 个答案:

答案 0 :(得分:0)

确保您使用正确的Pinterest Button Type满足您的需求。看起来您正在使用Any Image按钮。也许可以尝试使用Image Hover按钮,甚至是One Image按钮,该按钮需要data-pin-do="buttonPin"添加到您要显示Pin It按钮的图片中。

无论你使用哪一个,我都倾向于将data-pin-no-hover="true"放在我不想固定的特定图像上(如标题图形)。如果用户在其浏览器上安装了Pinterest扩展程序,则会自动擦除整个页面并为所有图像添加“固定”按钮。 data-pin-no-hover="true"会覆盖该内容。

Example of the hover button.

Example of the static button.