在fancybox中打开html页面

时间:2012-01-26 15:01:03

标签: javascript html css fancybox

我在网上寻找了一些例子,但我无法为任何资金提供资金。

如何在fancybox中上传新的html?

 $('#Create').click(function() {
 $.fancybox({

 What should be the content over here?
 (lets say i want to load stackoverflow.com)

 });

1 个答案:

答案 0 :(得分:11)

该文档在网站上是正确的,您可以使用iframe:

$("#iframe").fancybox({
    'width'         : '75%',
    'height'        : '75%',
    'autoScale'     : false,
    'transitionIn'  : 'none',
    'transitionOut' : 'none',
    'type'          : 'iframe'
});

<强> HTML

<a href="http://www.example?iframe">This goes to iframe</a>

or

<a id="iframe" href="http://www.example">This goes to iframe</a>

您可以在此处找到所有相关信息:http://fancybox.net/howto