Javascript Pinterest-为什么我的图标不显示完整图像？

我在一个网站上使用了Pin-it按钮，但是当你使用它时，它只会显示一个图像的截图图标。而在其他任何地方使用该按钮，它将显示全尺寸图像

我已经翻遍了我的代码，但找不到解决方案

有人能帮忙吗？它似乎既不适用于“锁定”按钮，也不适用于浏览器扩展

以下是该网站的链接：

代码：

---

我认为您需要设计IFRAME的样式，使其具有宽度和高度。以下是设置：

+----------------------+-------+--------+
| Orientation-of-Count | Width | Height |
+----------------------+-------+--------+
| Horizontal           | 90px  | 20px   |
| Vertical             | 43px  | 58px   |
| None                 | 43px  | 20px   |
+----------------------+-------+--------+

还有几件事你没有问，但可能想知道：

您不需要先插入IFRAME，然后再使用pinit.js。pinit.js代码的功能是用指向pinterest CDN（cloudfront.net）的IFRAME标记替换文档中特别标记的锚（

A

）标记。如果插入带有适当

src

属性的iframe，则不需要pinit.js

需要对该IFRAME的

src

属性上的查询参数进行编码。特别是，

url

和

media

参数中的冒号和斜杠需要进行uri编码。在Javascript中，您可以使用

encodeURIComponent（）

来实现这一点。我发现pinterest对URL的格式有点挑剔，如果出现错误，它会自动失败。如果您使用包含空格或paren的媒体URL，我相信它会失败，即使这些是HTTP URI的合法字符。页面URL也是如此

如果您想知道：我不相信您可以取消IFRAME的使用。我相信pinterest可能正在查看推荐人，它可能会默默地拒绝cloudfront.net未推荐的任何pin/创建/按钮请求

---

请看这里：

---

我们推出了一套新的按钮和小部件，应该会有所帮助。

添加代码，以便人们能够更好地帮助您解决问题……菜鸟错误，对不起。现在已经添加了代码和链接。

+----------------------+-------+--------+
| Orientation-of-Count | Width | Height |
+----------------------+-------+--------+
| Horizontal           | 90px  | 20px   |
| Vertical             | 43px  | 58px   |
| None                 | 43px  | 20px   |
+----------------------+-------+--------+