2014-01-24 43 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