Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/239.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php Fancybox在iframe和facebook相册中的幻灯片放映_Php_Jquery_Facebook_Fancybox_Slideshow - Fatal编程技术网

Php Fancybox在iframe和facebook相册中的幻灯片放映

Php Fancybox在iframe和facebook相册中的幻灯片放映,php,jquery,facebook,fancybox,slideshow,Php,Jquery,Facebook,Fancybox,Slideshow,我有success.php页面,其中我正在获取登录用户的相册。每个相册都可以单击,用户可以在albumphoto.php上重定向。此页面从GET请求获取albumId,并显示该相册的所有照片。单击任何相册,我将打开一个Jquery Fancybox iframe。目前,它会回显iframe中的所有照片。下面是代码 页面:Success.php <a class="fancybox fancybox.iframe" href="albumphoto.php?album_id=<?ph

我有success.php页面,其中我正在获取登录用户的相册。每个相册都可以单击,用户可以在albumphoto.php上重定向。此页面从GET请求获取albumId,并显示该相册的所有照片。单击任何相册,我将打开一个Jquery Fancybox iframe。目前,它会回显iframe中的所有照片。下面是代码

页面:Success.php

 <a class="fancybox fancybox.iframe" href="albumphoto.php?album_id=<?php echo $album['id']?>" style="text-decoration: none"><?php echo $album['name'];?> 

页面:albumphoto.php

 $album_id = $_GET['album_id'];

 $photos = $facebook->api("/{$album_id}/photos"); // just get that one album
foreach($photos['data'] as $photo)
{
    echo "<img src='{$photo['source']}'  />";   
}
$album\u id=$\u GET['album\u id'];
$photos=$facebook->api(“/{$album_id}/photos”);//就拿那张专辑吧
foreach($photos['data']作为$photo)
{
回声“;
}

我想在iframe中为所有照片制作幻灯片。建议我如何完成?我没有得到任何帮助。提前感谢。

您可以在页面的document.ready function script标记下添加以下代码

$.fancybox([
            <?php
            foreach($photos['data'] as $photo)
            {
                echo "'{$photo['source']}',\n";
            }
            ?>
        ], {
            'padding'           : 0,
            'transitionIn'      : 'elastic',
            'transitionOut'     : 'elastic',
            'type'              : 'image',
            'scrolling'         :  'auto',
            'width'             : 'auto',
            'height'            : 'auto',
            'autoResize'            : true,
            'nextClick'         :  true,
            'closeBtn'          :  false,
            'changeFade'        : 0
        });
$.fancybox([