启用Chrome插件时,如何在我的网站上的图像中隐藏Pin It按钮

时间:2014-03-06 17:14:50

标签: javascript jquery html google-chrome google-chrome-extension

您好我安装了Chrome Pinterest插件,当它启用时,我会在我网站上的所有图像上看到“Pin It”按钮(悬停),如何停止“Pin It”按钮出现在我的网站上,甚至何时启用Chrome扩展程序

谷歌搜索后,我在博客上发现了以下内容:

  

您可以轻松地将其设置为已安装的用户   扩展,但如果你不希望它与任何其他社交冲突   您可能在您的网站上拥有的软件,您需要做的就是添加它   永远的IMG标签:

     

<img src="myimage.jpg" data-pin-no-hover />

但这是针对单张图片的,有没有其他方法来覆盖插件以禁用Chrome扩展程序中的“pin it”按钮?使用JS / jQuery?

Chrome扩展程序js:http://assets.pinterest.com/ext/cr.js

修改

<img src="myimage.jpg" data-pin-no-hover />似乎不再起作用了

7 个答案:

答案 0 :(得分:21)

好的,我刚刚阅读了Pinterest文档,要禁用页面或网站上的pinperrest, 只需添加元标记:

<meta name="pinterest" content="nopin" />

并且pinterest按钮将不再出现在网站上。

答案 1 :(得分:9)

编辑,抱歉应该说我的回复专门针对您的编辑:

如果您只想在一张图片上禁用悬停图钉按钮,则需要为该属性指定true开关。

<img src="myimage.jpg" data-pin-no-hover="true" />

......会这样做

答案 2 :(得分:4)

如果您要在Google Chrome上停用鼠标悬停按钮,请在HEAD中使用此标记:

<meta name="pinterest" content="nohover"></meta>

您可以在Pinterest的博客上阅读更多相关信息:http://businessblog.pinterest.com/post/77184942682/a-smarter-pin-it-button

使用no pin代码禁用该图片上的固定

希望有所帮助,

Kristie

答案 3 :(得分:3)

我花了好几个小时搞清楚这一点,却发现它就像添加到你的图片标签一样简单

<强>诺信= “诺信”

答案 4 :(得分:2)

您有两种方法

1)将其禁用为单张图片Charlie's answer),就像您已经完成的那样,但是您忘记了值"true",这是必要的:< / p>

<img src="myimage.jpg" data-pin-no-hover="true" />

2)在文档的<head>处禁用整个文档Saurabh Sharma's answer):

<meta name="pinterest" content="nopin" />

你必须选择哪种情况更适合你。

答案 5 :(得分:0)

如果要为所有图像禁用它,可以尝试以下jQuery:

$('img').attr('data-pin-no-hover', '');

答案 6 :(得分:0)

查理在3月12日和14日在20:34的回答现在已经过时了。最可靠的方法是将nopin="nopin"添加为图像属性:

<img class="block__el--hide" src="path/imgname_1500x900.png" nopin="nopin">

〜DR