如何在Shadowbox中打开html布局的div？

Question

我想在阴影框中打开带有html内容的div。 有谁知道这个插件是否可行，因为我无法在他们的网站上看到它？ http://www.shadowbox-js.com/

感谢您的帮助

朱迪

Answer 1

我认为这会得到你所需要的。

当您点击lightbox

时，#cont会复制a中的元素的示例

        <div id="cont" style="display:none">
            <h1>Header</h1>
            <b>Test test</b>
            <i>Test test</i>
        </div>

        <a href="#">Open</a>

以及脚本

        Shadowbox.init({
            skipSetup: true
        });

        $('a').click(function() {
            var content = $('#cont').html();
            Shadowbox.open({
                content: content,
                player: 'html',
                displayNav:false,
                height: 350,
                width: 350
            });
        });

该框可能会显示黑色背景，因此您必须将其更改为其他颜色。

请注意，shadowbox.js是专为播放视频而设计的播放器灯箱。您可以考虑为html内容使用其他内容。 灯箱必须包含player，否则无法启动。