Fancy Box 2调用html页面

时间:2013-03-10 20:09:24

标签: jquery html fancybox fancybox-2

我有一个简单的应用程序我正在努力我已经在页面上定义了fancybox我想要将页面内容加载到精美的盒子窗口中。我通过使用href html标签调用其他页面。但是我希望当文档加载它在fancybox中打开时。以下是我的代码:

我想要实现的是我希望在页面上定义的fancybox设置将显示在其中。当页面加载或通过其他方式调用时,我希望用户将其显示在fancybox中。

的JScript

 <script type="text/javascript">


        $(document).ready(function() {

            $(".fancybox").fancybox({

                autoDimensions : false,
                width: 1300,
                height: 'auto',
                openEffect  : 'elastic', 
                href        : 'http://hello.htm'
                    closeEffect : 'elastic',
                    type: 'iframe',

                beforeLoad: function() {
                    this.title = $(this.element).attr('caption');

                }

            });         
        });
    </script>

此页面正在从另一个精美的盒子窗口调用,但是fancybox窗口属于旧页面,因为旧页面的标题仍然是

Jsp

<head>
 <title>Simple Application</title> 

  </head>
  <body>
<form:form id="hello">
    <h1><fmt:message key="heading"/></h1>
    <p><fmt:message key="greeting"/></p>


   </body>
</html> 

0 个答案:

没有答案