Как показать ссылку «Мне нравится» в Facebook при наведении курсора на изображение?

Question

Как я могу показать ссылку «Мне нравится» на Facebook? Мне бы хотелось, чтобы кнопка «Мне нравится» в Facebook загружалась только тогда, когда на изображении была указатель мыши.

Я имел в виду что-то вроде добавления iframe к изображению, поскольку мышь находится над изображением, поскольку это предотвратит замедление, если на странице много изображений.

Как я могу сделать что-то подобное с / без jQuery?

Answer 1

<div id="like" style="display:none; ">
 <!-- FB code like here -->
</div>
<img src="x.gif" id="im" />
<script>
$("#im").hover(function(){
  $("#like").show();
},function(){
  $("#like").hide();
});
</script>

Answer 2

Загрузите скрипт Facebook как обычно, но пока не добавляйте код кнопки. Затем добавьте теги div для кнопки Facebook и инициализируйте кнопку, позвонив по номеру:

FB.XFBML.parse();

Это будет искать во всем DOM и инициализировать каждую кнопку.

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

FB.XFBML.parse(document.getElementById('foo'));

Answer 3

Не могли бы вы просто загрузить эту кнопку как в div и скрыть img / show div при наведении курсора мыши и показать img / hide div при mouseout?