Button “包括/排除Pinterest的图像”；别针；按钮

我网站上的每一篇帖子都包含一个照片库。图库由链接到全尺寸图像的缩略图组成。 我还在我的帖子里放了一个PinIt按钮。问题是，它捕捉缩略图像以进行pining

根据我对这类问题的发现，我最终得到了以下代码，该代码应该排除缩略，而包括全尺寸图像。不过，这些都不是

<a href="path_to_full_image" rel="lightbox[single_post]" pi:pinit:media="path_to_full_image">
     <img src="path_to_thumbnail" width="200" height="130" nopin="nopin" />
</a>

---

有什么建议吗？

为了让PinIt按钮选择全尺寸图像，它们应该被加载并在页面上可见。因为它们不是，所以它无法将它们抓取到网格库。作为一种解决方法，我建议在触发PinIt button click事件之前，使用一种定制逻辑预加载全尺寸图像。大概是这样的：

$('a[rel="lightbox"]').each(function(){
  image_src = $(this).attr('href');
  $('<img/>').attr('src',image_src).appendTo('#imageContainer');
  ;
})
$('#pinItButton').trigger('click');

$（'a[rel=“lightbox”]”）。每个（函数（）{
image_src=$（this.attr（'href'）；
$('
通过这种方式，您将预加载所有图像并将它们放入imageContainer块中，然后触发一次单击，打开Grid Gallery以拾取图像

希望有帮助。
我们可以通过在图像属性中使用
nopin=“nopin”
来避免在pin操作中显示图像

例如

<img src="http://via.placeholder.com/350x150" nopin = "nopin" />

我现在正在搜索相同的解决方案……如果我找到了解决方案，我会将其发布在这里。