包括/排除Pinterest圖片「Pin It」按鈕

每個帖子在我的網站上，包含一個照片庫。該圖庫由鏈接到全尺寸圖像的縮略圖組成。我也在我的帖子中放置了一個PinIt按鈕。問題在於它捕捉縮略圖以用於修飾。包括/排除Pinterest圖片「Pin It」按鈕

根據我發現的這類問題，我最終得到了下面的代碼，它應該排除縮略圖，並且包含全尺寸圖像。這些都不是，雖然...

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

有什麼建議嗎？

來源

2012-12-07 zekia

我現在搜索相同......如果我發現了一個解決方案，我將它張貼在這裏。 –

爲了使PinIt按鈕選擇全尺寸圖像，應該將其加載並在頁面上可見。由於他們不是，它不能把他們抓到網格畫廊。作爲一種解決方法，我會建議在觸發PinIt按鈕單擊事件之前預先加載全尺寸圖像。事情是這樣的：

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

這樣，您將預加載的所有圖像，並把它們放到imageContainer塊，然後觸發一個點擊，將打開電網館挑選的圖像。

希望它有幫助。

來源

2013-11-28 11:27:08 temkin

只需在圖像屬性中使用nopin = "nopin"即可避免在pin動作中顯示圖像。

對於例如，

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

來源

2017-06-24 14:27:05 Stranger

包括/排除Pinterest圖片「Pin It」按鈕

回答

相關問題