是否有任何jquery模式插件可以加载网页

时间:2011-02-28 08:27:54

标签: jquery modal-dialog

我想在我的网站上的模态窗口中加载http://yahoo.com。有人可以建议我使用任何基于jquery的模态插件。

提前致谢

2 个答案:

答案 0 :(得分:0)

此网站有一个全面的列表:http://planetozh.com/projects/lightbox-clones/

只过滤掉那些使用jQuery并支持iFrame的内容。想到了Fancybox和jquery UI。

答案 1 :(得分:0)

假设您有一个图像,其标题包含您想要在对话框中打开的链接。

<img title="link.html" class="linkimage">


 $(".linkimage").click(function() {
        var $this = $(this);
        var horizontalPadding = 10;
        var verticalPadding = 10;

        $('<iframe   class="externalSite" src="' + this.title + '" />').dialog({
            title: 'HTS',
            autoOpen: true,
            width: 800,
            height: 700,
            modal: true,
            resizable: true,
            autoResize: true,
            overlay: {
                opacity: 0.5,
                background: "black"
            }
        }).width(800 - horizontalPadding).height(500 - verticalPadding);
    });