如果我使用图片库,我有这段代码;
<a href="image.jpg" class="fancybox">Image1</a>
在HTML代码的底部,我有这段代码(在添加CSS和Fancybox JS之后)
$(".fancybox").fancybox();
BOOM!魔术,它工作,并在一个漂亮的Fancybox窗口中显示图像..
现在,如果我有这个:
<a href="mypage.php" class="fancybox">My page</a>
它通常会重定向到mypage.php,但它不会在一个漂亮的fancybox窗口中显示它...我只是不明白它,我已经按照他们在官方Fancybox网站上提供的示例,仍然没有工作
谢谢!
答案 0 :(得分:1)
在花式框中打开php文件使用类似这样的东西
<a class="various fancybox.ajax" href="mypage.php">Ajax</a>
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
并在此处阅读示例网址
http://fancyapps.com/fancybox/