如何在bootstrap 3中使用lightbox？

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 你可以找到很多例子，所以我希望插件能成为解决方案。