Fancybox 2 从代码打开 Iframe 版本

Posted 2023-05-09

【中文标题】Fancybox 2 从代码打开 Iframe 版本

【英文标题】：Fancybox 2 Open Iframe version from code

【发布时间】：2013-06-12 03:52:15

【问题描述】：

我在 FancyApps 页面上看到了这个示例：http://jsfiddle.net/STgGM/，但我需要做类似的事情，但使用 iframe！当我用 URL 替换图像路径时，它不会做任何事情，没有错误或任何事情。

$.fancybox.open([

    href : 'http://fancyapps.com/fancybox/demo/1_b.jpg',
    title : '1st title'
,

    href : 'http://fancyapps.com/fancybox/demo/2_b.jpg',
    title : '2nd title'
    
], 
    padding : 0   
);

如何修改此代码以在 iframe 中显示我的网址。

我也尝试过这种变体：

$.fancybox(
    href: url,
    openEffect: 'none',
    closeEffect: 'none',
    width: 960,
    height: 540
);

谢谢， 杰森

【参考方案1】：

尝试使用“类型”选项。

例子：

$.fancybox.open(
    padding : 0,
    href:'http://www.gamespot.com',
    type: 'iframe'
);

小提琴：http://jsfiddle.net/STgGM/1329/

文档：http://fancyapps.com/fancybox/#docs