2014-01-24 42 views
0

我有这段代码,如果我使用的图片库;Fancybox2 - 图像加载,但PHP页面不

<a href="image.jpg" class="fancybox">Image1</a> 

在HTML代码的底部,我有这样的代码

$(".fancybox").fancybox(); 

BOOM(添加CSS和JS的fancybox后)!魔术,它的工作原理,并显示在一个不错的fancybox窗口中的图像..

现在,如果我有这样的:

<a href="mypage.php" class="fancybox">My page</a> 

它只是将重定向到正常mypage.php,但它不会显示它在一个不错的fancybox窗口...我只是不明白,我遵循他们在官方Fancybox网站上给出的例子,仍然没有任何工作。

谢谢!花式箱

回答

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' 
    }); 
}); 

,并在这里阅读示例URL

http://fancyapps.com/fancybox/ 
+0

哪里了'HREF = “uitab/index.html的”'从何而来? (复制/粘贴我猜;) – JFK

+0

请检查我已经编辑这个到mypage.php和抱歉复制/粘贴:-)因为我回答了这么多次:-) –

+0

编辑:它的工作现在 – JuanBonnett