2012-07-21 118 views
0

我試圖讓fancybox打開一個php文件;該文件包含此代碼<?php echo "hi"; ?>。 現在,當我將圖像href屬性設置爲一個jpeg文件時,它加載正常。但是,當我將它設置爲一個PHP文件,它不會加載。我可以幫助試圖加載一個php文件。如何讓fancybox打開一個php

<a class= "fancyimg" href="http://mydomain.com/jquery.fancybox-1.3.4/count.php" ><img src="http://mydomain.com/jquery.fancybox-1.3.4/fancyimg2.jpg">

這裏是我的代碼

 <script type="text/javascript"> 
    $(document).ready(function() { 

     $(".fancyimg").fancybox({ 
      'overlayShow' : false, 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic' 
     }); 
    }); 
</script> 
+1

javascript or php?挑一個 – pat34515 2012-07-21 10:21:21

回答

1

的fancybox的使用類型屬性如下打開PHP文件的一部分。

$(".fancyimg").fancybox({ 
'width'  : '75%', 
'height'  : '75%', 
'autoScale'  : false, 
'type'   : 'iframe', 
'overlayShow' : false, 
'transitionIn' : 'elastic', 
'transitionOut' : 'elastic' 
}); 
+0

感謝您的答案Shahid Ahmed ....我注意到採取這種方法的一個問題。例如,如果我在count.php中包含一個文件。圖像點擊我包含的整個頁面顯示在花式框中。任何想法爲什麼? – 2012-07-21 19:11:36

0

你可以使用這樣的事情:

$(".fancyimg").click(function() { 
    $.fancybox.open({ 
     href : $(this).attr("data-id"), 
     type : 'iframe', 
     padding : 5 
    }); 
}); 

和代替HREF = 「http://mydomain.com/jquery.fancybox-1.3.4/count.php」 把你的鏈接在像這樣的一個名爲data-id的自定義屬性中:

<a class= "fancyimg" href="#" data-id="http://mydomain.com/jquery.fancybox-1.3.4/count.php" ><img src="http://mydomain.com/jquery.fancybox-1.3.4/fancyimg2.jpg"></a>