如何使用fancybox在iframe中调用外部php

Question

i cant open a iframe using fancybox which is calling the external php script file and this is the anchor tag i used to call <a id="iframe" href="gallery.php" >Gallery</a>

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

});

the gallery.php file is on same folder also the calling page is also on php

Answer 1

Please go through this list and make sure you have done each one:

• Included the jquery library and ensured it is including it correctly (this can be done by using "firebug" and the "net" tab).
• Included both the fancybox css and javascript library, again checking they have both been included successfully.
• Try using an exact path e.g http://www.test.com/gallery.php

Here is an example of what your html file should look like:

<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>

If you go through these steps and ensure your html looks exactly as I have said, you should have no issues.