<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新手)