如何使用的fancybox

我不能使用的fancybox這是調用外部的PHP腳本文件打開一個iframe來調用IFRAME外部PHP，這是錨標記我習慣叫 <a id="iframe" href="gallery.php" >Gallery</a>如何使用的fancybox

jQuery(document).ready(function() { 
     jQuery("#iframe").fancybox({ 
     'width'    : '75%', 
     'height'   : 885, 
     'autoScale'   : false, 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none', 
     'type'    : 'iframe', 
     'href'    : "gallery.php" 
    });

}）;

的gallery.php文件在同一文件夾 還調用頁面也對PHP

來源

2012-05-05 Sudhanshu Saxena

它與任何其他文件一樣，所以我刪除了PHP標籤，因爲這與PHP無關。 – hakre

在這種情況下，'href'選項是無用的，因爲您已經將fancybox綁定到具有'href'屬性的錨點。當你將'click'事件綁定到元素並且該事件觸發fancybox時，使用'href'選項。 – JFK

歡迎來到Stack Overflow！你知道你只需要一次性寫好'jQuery'嗎？通過將代碼封裝在'（function（$）{....}）（jQuery）;'中，無論是否使用了noConflict，都可以使用'$'。在你的情況下，你也可以簡單地使用'jQuery（document）.ready（function（$）{'，然後在該函數中使用'$'） – ThiefMaster

請通過此列表，並確保你已經做了每個人：

包括jQuery庫，並確保它包含它正確（這可以通過使用「螢火蟲」和「淨」選項卡）。
包括fancybox的CSS和JavaScript庫，再次檢查他們都包括成功。
嘗試使用的確切路徑如http://www.test.com/gallery.php

這裏是你的HTML文件應該是什麼樣子的例子：

<script type="text/javascript" src="http://www.test.com/jquery-1.4.3.min.js"></script>  
<script type="text/javascript" src="http://www.test.com/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="http://www.test.com/jquery.fancybox-1.3.4.css" media="screen" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#iframe").fancybox({ 
      'width'    : '75%', 
      'height'   : 885, 
      'autoScale'   : false, 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe', 
      'href'    : "http://www.test.com/gallery.php" 
     }); 
    }); 
</script> 

<a id="iframe">Gallery</a>

如果經過這些步驟，並確保你的HTML看起來完全像我有人說，你應該沒有問題。

來源

2012-05-11 16:48:24

非常感謝你...它的工作.. .i有一些衝突的查詢，可以防止加載iframe ... thanx很多@Adam –

如何使用的fancybox

回答

相關問題