厚盒更换


9

不幸的是,我正在寻找Media Uploader中使用的ThinBox替代产品。

任何搜索都无法找到如何利用Media Uploader的方法,也没有任何关于模态窗口的脚本的信息。

有人可以帮我吗?有没有一种方法可以使用与Media Uploader所使用的模式相同的模式,但是可以像在ThinBox中那样将自定义内容放入其中?


这是用于前端还是后端?
Baerkins 2014年

后端。我试图像标准媒体上传器一样使用灯箱广告。我发现它不是thickbox的替代品,而是专门为媒体上传器制作的模式,它不能像thickbox那样重复使用。我使用了thickbox
Domagoj 2014年

2
我认为他们使用骨干网,这将是jsgithub.com/WordPress/WordPress/blob/master/wp-includes/js/…。对于我的插件我用彩盒jacklmoore.com/colorbox
夹钳

您需要查看下划线模板,以及它们如何与wp-views和wp.media对象交互。不幸的是,它没有很好的记录。
NoBugs 2014年

Answers:


1

对于它的价值,我已经将新的媒体上传器集成到了一个插件中,该插件使管理员可以从标准媒体对话框中选择或上传媒体,而不必复制/粘贴URL,这似乎很好用。

我在这里发布了答案,可能正是您想要的。

汤姆·麦克法林(Tom McFarlin)截至上个月在其作品中有一个tuts +系列。

其他可能有帮助的链接:


1

我对您的问题的理解是,您想使用一个弹出窗口,该弹出窗口具有除Media Uploader之外的其他内容。为此,请按照下列步骤操作:

  1. 添加此代码以包括thickbox脚本。

    <?php
    add_action('init', 'init_theme_method');
    function init_theme_method() {
    add_thickbox();
    }
    ?>
    
  2. 将class ='thickbox'添加到将显示弹出窗口的任何可单击元素中。

    <input alt="#TB_inline?height=300&amp;width=400&amp;inlineId=examplePopup1" title="add a caption to title attribute / or leave blank" class="thickbox" type="button" value="Show Thickbox Example Pop-up 1" />
  3. 注意,在最后的代码中有inlineId参数。这将是显示在弹出框中的代码。

       <div id="examplePopup1" style="display:none">
        <h2>Example Pop-up Window 1</h2>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed laoreet est. Etiam nec nibh aliquam leo maximus hendrerit. Aliquam velit erat, pretium eget faucibus ut, ullamcorper in sapien. Nulla dignissim turpis et pharetra vestibulum. Nulla et mattis eros. Integer consequat, odio sed gravida bibendum, dui purus viverra nisl, nec fringilla ante nibh non lorem. Morbi at tristique diam. Mauris et aliquam tellus, vehicula dapibus odio. Maecenas vulputate turpis ac orci fringilla, id cursus augue mollis. Aliquam sit amet ligula tellus.
    
    
        <strong>Just click outside the pop-up to close it.</strong>
        </div>
    

我希望这有帮助

资料来源:使用Thinbox在WordPress博客中创建弹出式窗口


我只是意识到这是一个古老的问题,但是它在未回答问题列表的顶部。
卡里马
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.