如何让fancybox打开一个PHP

时间:2012-07-21 10:15:21

标签: php fancybox

我试图让fancybox打开一个php文件;该文件包含此代码<?php echo "hi"; ?>。 现在,当我将图像href属性设置为jpeg文件时,它加载正常。但是当我将它设置为php文件时,它并没有加载。我是否可以帮助尝试加载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>

2 个答案:

答案 0 :(得分:3)

使用fancybox的type属性打开php文件。

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

答案 1 :(得分:1)

你可以使用这样的东西:

$(".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>