Question

我网站上的每个帖子都包含一个照片库。该库包含链接到全尺寸图像的缩略图。我还在帖子中放了一个PinIt按钮。问题是它捕获缩略图像以进行缩放。

根据我发现的有关此类问题的内容，我最终得到了以下代码，这些代码应该排除缩略图，而不是包含全尺寸图像。尽管如此，这些都没有......

<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>

有什么建议吗？

Answer 1

我们可以通过在图片属性中使用nopin = "nopin"来避免在pin动作中显示图像。

例如，

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

Answer 2

为了让PinIt按钮选择全尺寸图像，应该在页面上加载和显示它们。由于它们不是，它不能抓住它们到网格画廊。作为一种解决方法，我建议在触发PinIt按钮单击事件之前预先加载全尺寸图像的自定义逻辑。像这样：

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

这样您就可以预加载所有图像并将它们放入 imageContainer 块中，然后触发一个点击，打开网格图库以选择图像。

希望它有所帮助。

包含/排除Pinterest“Pin It”按钮的图像

2 个答案: