Добавить комментарии на Facebook внутри лайтбокса

Question

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

$ (function () {

    $('.pics').click(function(){

         ...
         ...

         $(".comments").html("<div id=\"fb-root\"></div><script src=\"http://connect.facebook.net/en_US/all.js#xfbml=1\">" + "<" + "/" + "script>" + "<fb:comments href=\"example.com\" num_posts=\"5\" width=\"800\"></fb:comments>");

          }); 

    });

Заранее спасибо.

Answer 1

Я думаю, что вы должны сначала попытаться сделать комментарии, но сделать их невидимыми.Примерно так:

<div id="comments" class="hidden">      
  <fb:comments href="example.com" num_posts="5" width="800"></fb:comments>
</div>

Предположим, что скрытый класс делает div невидимым.

Теперь с помощью кода JavaScript вы сможете сделать это:

$(".pics").click(function(){
    $("#comments").show();
});

Я еще не проверял это, и есть вероятность, что Facebook не загрузит комментарии в невидимый элемент.Если это так, вы можете избежать рендеринга и добавления класса hidden после загрузки страницы, хотя может быть мерцание.

Answer 2

Я думаю, вы должны попробовать это http://www.zemgo.net23.net/lightbox.html