问题标签 [pinterest]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ruby-on-rails - Ruby on Rails Pinterest 按钮 媒体图像
我有一个使用 ruby on rails 和 haml 的博客，我将 pinterest 按钮添加到模板中，以便它出现在每篇文章中。现在我希望将博客文章的预览图像自动插入到媒体参数中。我只是不知道如何获取预览图像或（如果这对于 rails/haml 不可能）要在 pinterest 弹出窗口中显示的帖子的第一张图像。感谢您的帮助！
jquery - Pinterest 悬停按钮
如何制作仅在悬停时显示但位于图片内部的“类似pinterest”的按钮？
我当然使用 jQuery。
jquery - 如何复制 Pinterest 网站的模态效果？
当您单击图像时，我想创建与Pinterest上相同的效果：打开一个模式窗口，但页面的 URL 也会更改。最后一部分至关重要：浏览器地址栏中的 URL 已更改，但我们仍然在后台看到原始页面内容（这就是为什么我称它为模态，尽管它可能比这要复杂得多）。理想情况下，我正在寻找一个 jQuery 解决方案。
[编辑] 我应该补充一点，Pinterest 行为当然不会破坏返回按钮，这也是至关重要的。
html - 自定义 URL 的自定义 Pinterest 按钮（文本链接、图像或两者）
我试图找到解决方案，但找不到。我需要一个 Pinterest（Pin It）按钮的自定义图像，并通过 url 固定一些自定义图像，而不是当前页面。
我创建了一个自定义链接：
在样式中我设置了背景图像，但我只看到默认的 Pin It 按钮而不是我的自定义按钮
有一些解决方案可以为 Pin It 按钮设置自定义按钮图像，但我无法在这些解决方案中更改 media={ImageURL}。
流行的解决方案是
但这对我没有帮助。有谁知道解决方案？
javascript - 如何用同位素附加图像
我正在编写一个显示图像的单页 javascript 应用程序，一个 la pinspire。我使用的库是 jQuery(1.7.2) 和最新版本的同位素。
我正在尝试在应用程序中实现无限滚动。当您滚动到页面底部时，ajax 与服务器对话并以 JSON 格式返回一个对象数组。此 JSON 用于构建多个 div，其中包含有关每个图像和图像本身的一些信息。
我将创建的每个 div 附加到启用同位素的容器中。在我的 ajax 调用的完整部分中，我调用 isotope("reLayout")。这工作得很好。
我的问题是添加十几个 div 会导致项目“颤动”，然后我希望将项目放在最后。我尝试了 addItems、插入、附加和不使用 to isotope("reLayout") 的各种排列，但无济于事。
如何添加包含带有 ajax 的图像的项目而不让它们重叠或飘动？
问候，尼克
javascript - Pinterest“Pin It”按钮破解
我正在寻找一种方法来创建一个按钮，我可以将其放置在页面上的每个项目旁边。
当用户单击该按钮时，它会自动抓取它旁边的任何项目的图像，并自动将其发布到该用户的 Pinterest 板上（使用相同的描述）。
我一直在寻找几天的方法来做到这一点，但没有太多运气，我遇到的只是这两个网站：
http://www.nextscripts.com/pinterest-automated-posting
http://www.brandaiddesignco.com/blog/add-a-custom-pinterest-pin-it-button-to-your-website/375/#
jquery - 如何在使用 jQuery 的 URL 获取上确定像 pinterest 这样的图像大小
我正在创建一个网页，允许用户输入 URL 并从 URL 中提取图像，例如 Facebook 或 pinterest 和 thefancy.com。您输入一个 URL，他们会为您获取宽度大于指定宽度的图像。
我的代码都是 jQuery，不需要确定图像大小并且工作正常。我还应该说我的 javascript 知识非常有限。
当用户点击回车时，页面向服务器端脚本发出一个 ajax 请求（使用 jQuery），并接收一个包含从页面中提取的图像源数组的 json 对象。在 ajax.success 回调中，我将此图像数组传递给使用 jquery append() 方法将图像动态添加到 DIV 的方法。
我试图在成功回调处理程序中获取图像大小。在阅读了 SO 之后，我添加了一个图像加载处理程序，并且在该图像加载处理程序中，我有一个回调 addImage()，它增加了一个 num_added 变量。稍后我想使用这个 num_added 变量来确定向用户显示什么样的消息。
问题是 showNextMessage() 不会等待 processUrlFetch() 中的循环完成。调用 processUrlFetch() 后立即触发 showNextMessage()。因此，我总是显示“未找到图像”消息。
我曾尝试研究该主题，但在这里我的深度不够。我认为混合 jquery 和 DOM 事件可能是一个问题。另外，我不确定我通过 image.load() 获取图像大小的方法有多防弹。我也不知道 imagesloaded 插件是否会帮助我的事业。
我有两个问题
- 如果我在这里为动态插入的图像获取“真实”图像大小所做的是一种有效的跨浏览器技术（依赖于 img.load 事件）
- 如何确保仅在循环完成后触发 showNextMessage()？
processesUrlFetch : function(response) { var images = response.images ;
如果您想查看完整代码 - 这是要点：- https://gist.github.com/3084904
pinterest - Pin It 按钮不显示计数
我已集成“Pin It”按钮以在 pinterest.com 上分享我的产品图片。但它不会在我网站上的 pin it 按钮前面显示 pin 数。我写了以下代码。
这是我网站上的 pin it 按钮
＆此 js 文件包含在<body>标签关闭之前。
如果有人有，请建议我解决方案。
谢谢
image - AddThis Pinterest 小部件正在提供我不想提供的图像，例如导航按钮、广告。
当我单击 AddThis Pinterest 按钮时，该框会在屏幕中间打开，提供来自我页面的各种图像。凉爽的。但是，其中提供的有导航按钮、横幅广告和其他相关图像的颗粒状、放大部分。同样，收藏夹栏 PinIt 按钮（来自 Pinterest 本身）的页面“正确”，这意味着它只提供有意义的图像；不包括导航按钮。
如何从 AddThis Pinterest 小部件框中排除选定的图像？
提前感谢任何可以提供帮助的人。
javascript - 如何将带有参数的链接固定到printerest
我尝试用多个参数固定链接，但它只接受一个参数。我正在使用 html（JS 对我来说也很好）。