Fancybox 2从代码中打开Iframe版本

时间:2013-06-15 18:02:49

标签: jquery iframe fancybox-2

我在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 个答案:

答案 0 :(得分:18)

尝试使用'type'选项。

示例:

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

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

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