twitter-bootstrap - 如何在 bootstrap 3 中使用灯箱？

Question

我需要一个内部弹出窗口，所以我打算使用 bootstrap-Lightbox。事实是我遵循了这个 tutorial但它似乎不起作用。

我只做了基础:

            <div id="demoLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true">
            <div class='lightbox-content'>
                <img src="/ressources/images/ciel.jpg">

            </div>
        </div>



        <a data-toggle="lightbox" href="#demoLightbox" class=" span2 thumbnail">

            <img src="/ressources/images/ciel.jpg">
        </a>

但没有弹出消息，我收到这些错误:

Uncaught TypeError: Cannot read property 'offsetWidth' of undefined bootstrap.min.js:6
Uncaught TypeError: Object [object Object] has no method 'hideWithTransition' 

您知道为什么这不起作用吗？如果你知道为什么，请给我举个例子说明我必须做什么？提前致谢。

Answer 1

最近我尝试了一些让图像显示更友好的东西。无论如何，根据我的经验，我使用了这个 jquery 插件

Lightbox 2 plugin但是当我更改选择选项时，我在管理不断出现的空白 div 时遇到了一些问题，然后我发现 Fancybox 是解决方案，而且实际上很容易处理。

Fancybox plugin您可以找到很多示例，所以我希望该插件是一个解决方案。