將鼠標懸停在AMP-Pinterest的PinIt按鈕上

我將AMP-Pinterest添加到了我的AMP頁面。我想要設置圖像上的PinIt按鈕來操作 data-pin-hover="true"。由於某種原因，它不起作用。將鼠標懸停在AMP-Pinterest的PinIt按鈕上

這是我到目前爲止有：

這是在<head>：

<script async custom-element="amp-pinterest" src="https://cdn.ampproject.org/v0/amp-pinterest-0.1.js"></script>

（當然還有其他AMP東西）

這是在<body>：

<amp-pinterest height=28 width=56 
    data-do="buttonPin" 
    data-url="URL" 
    data-media="IMG_URL" 
    data-pin-hover="true" 
    data-description="DESC"> 
</amp-pinterest>

我還將data-pin-nopin="false"和data-pin-no-hover="false"添加到我的amp-img's聲明中（以防萬一，如果它不是默認設置爲false。這裏更多的信息：https://www.ampproject.org/docs/reference/components/amp-pinterest）：

<amp-img alt="NAME" src="IMG_URL" width="600" 
height="400" layout="responsive" data-pin-nopin="false" 
data-pin-no-hover="false" />

但它仍然無法正常工作（在PINIT按鈕上方顯示出來/下面amp-img）。

問：現在我想知道如果我做錯了，或者它根本就沒有使用AMP-Pinterest的懸停圖像支持？（我找不到任何例子）。

來源

2017-01-09 pidabrow

不幸的是，這個選項目前不適用於安培-pinterest（閱讀文檔和其他示例）。但是，如果你不喜歡的別起來按鈕不會顯示上方或下方，可以改爲有它嵌入在圖像中，如出現在amp-pinterest samples：

嵌入引腳接口工具

要嵌入針小部件，請將data-do設置爲embedPing。 data-url屬性必須包含Pinterest資源的完全限定URL。

來源

2017-01-10 10:03:41

不幸的是，我不想指向Pinterest資源，而是指向我的服務器上的映像。但沒關係 - 我想確定如果我試圖懸停圖像沒有問題。我想我會在這種情況下將這個按鈕放在下面或上面。非常感謝！ – pidabrow

將鼠標懸停在AMP-Pinterest的PinIt按鈕上

回答

相關問題