如何使用Fancybox定位新窗口?

时间:2013-06-19 21:13:54

标签: jquery fancybox

<script type='text/javascript'>//<![CDATA[ 
    $(function(){
    $(".fancybox")
     .attr('rel', 'gallery')
     .fancybox({
         type: 'iframe',
         autoSize : false,
              arrows: false,
              topRatio: 0.4,
        openEffect  : 'none',
        closeEffect : 'none',
        nextEffect  : 'none',
        prevEffect  : 'none',
        padding     : 3,
        margin      : [20, 60, 20, 60], // Increase left/right margin
              helpers : {
                    overlay : {
                            css : {
                                'background' : 'rgba(0, 0, 0, 0.6)'
                                    }
                             },
                            title: {
                            type: 'outside'
                                  }                          
                            },
         beforeLoad : function() {                    
             this.width = parseInt(this.href.match(/width=[0-9]+/i)[0].replace('width=',''));  
             this.height = parseInt(this.href.match(/height=[0-9]+/i)[0].replace('height=',''));
         }
     });
    });//]]>  
</script>

<a class="fancybox fancybox.iframe" href="http://www.example.com/charts/chart1.php?width=440&height=620" rel="gallery" title="Chart1">Chart1</a>

我最近安装了fancyBox来显示各种图表,并且它按预期运行。但是,在某些情况下,我希望使用fancyBox链接打开我网站的主页(http://www.example.com/index.php)并在那里说明图表。

也就是说,在我的主页上的不是的fancyBox链接中,我想:(1)打开一个新窗口,(2)转到我网站的主页,和( 3)显示chart1.php。

这是否可行?如果是这样:怎么样?谢谢。 (fancyBox新手)

0 个答案:

没有答案