如何在仅指定类名的灯箱（lightbox、colorbox 或 ibox..）应用程序中打开 div？

Question

我有一个如下所示的 div：

    <div class="photo">
    <img class="image" width="780" alt="abc/" src="some link of photo">
    ... extra content also
    </div>

当我单击按钮时，如何在灯箱或类似应用程序中打开此 div？

Answer 1

您可以使用简单的灯箱插件，例如 Lightbox_me ： http://buckwilson.me/lightboxme/

Answer 2

我在以下示例中使用 fancybox http ://fancybox.net

包含下载的 js 和 css 文件后，代码将是：-

$("button").fancybox({
    content: $('.photo').andSelf().html();
});

用按钮选择器替换“button”。