jquery - 如何在 Shadowbox 中打开带有 html 布局的 div？

Question

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

谢谢你的帮助

朱迪

Answer 1

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

当您单击时lightbox将复制元素的示例#conta

        <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否则它不会启动。