如何在Shadowbox中打开一个带有html布局的div？

Question

我想打开一个带有html内容的div文件。有没有人知道这个插件能不能做到，因为我在他们的网站上看不到它？http://www.shadowbox-js.com/

谢谢你的帮忙

朱迪

Answer 1

我想这会得到你想要的。

一个示例，当您单击a时，lightbox将复制#cont中的元素

        <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 ，否则将无法启动。