logo标签列表

如何在Bootstrap 3中使用灯箱？

twitter-bootstraplightbox
3
我需要一个内部弹出窗口，所以我打算使用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'

你有没有想法为什么这个不起作用？如果你知道原因，能否给我一个小例子告诉我该怎么做？ 提前致谢。

1个回答
0

最近，我尝试了一些方法让图片显示更友好。在我的经验中，我使用了这个jquery插件

Lightbox 2插件 但是当我改变select-option的时候，出现了一个空白的div，导致出现一些问题。后来我发现Fancybox才是解决方案，并且非常容易处理。

Fancybox插件 你可以找到很多例子，希望这个插件可以解决你的问题。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接