Как скрыть кнопку Pin It из изображений на моем веб-сайте, когда включен плагин Chrome

Привет, у меня установлен chrome Pinterest plugin, и когда он включен, я вижу кнопку "Pin It" (при наведении) на все изображения на моем сайте. Как я могу остановить кнопку "Pin It", чтобы появиться на моем веб-сайте, даже когда включено расширение chrome

После googling я нашел в блоге следующее:

Вы можете легко отключить это как физическое лицо, которое установило расширение, но если вы не хотите, чтобы это противоречило другим социальным которое вы можете иметь на своем сайте, все, что вам нужно сделать, это добавить это к когда-либо тег IMG:

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

Но для одиночного изображения есть ли другой способ переопределить плагин, чтобы отключить кнопку "pin it" от расширения chrome? используя JS/jQuery?

Расширение Chrome js: http://assets.pinterest.com/ext/cr.js

ИЗМЕНИТЬ

<img src="myimage.jpg" data-pin-no-hover /> больше не работает

Ответы

Ответ 1

Хорошо, я просто прочитал документацию Pinterest, чтобы отключить pinterest на странице или веб-сайте, просто добавьте метатег:

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

И кнопка pinterest перестанет появляться на веб-сайте больше.

Ответ 2

Изменить, извините, скажите, что мой ответ специально адресован вашему редактированию:

Вам нужно указать истинный переключатель для атрибута, если вы просто хотите отключить наведение кнопки на одном изображении.

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

... сделает это

Ответ 3

Если вы хотите отключить кнопку наведения курсора в Google Chrome, используйте эту отметку в своем HEAD:

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

Подробнее об этом можно прочитать в блоге Pinterest: http://businessblog.pinterest.com/post/77184942682/a-smarter-pin-it-button

используя код no pin, отключает привязку к этому изображению

Надеюсь, что это поможет,

Кристи

Ответ 4

Я потратил часы, чтобы понять это, только чтобы найти, что это так же просто, как добавить это в свой тег изображения

nopin = "nopin"

Ответ 5

У вас есть два метода:

1) Отключив его до одиночного изображения (ответ Charlie), как вы бы это сделали, но вы забыли значение "true", необходимо:

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

2) Отключив его от всего документа (ответ Saurabh Sharma), в документе <head>:

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

Вам просто нужно выбрать, какой случай подойдет вам лучше.

Ответ 6

Если вы хотите отключить его для всех изображений, вы можете попробовать следующий jQuery:

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