在Facebook专辑中的iframe中的Fancybox幻灯片

时间:2013-03-20 17:05:20

标签: 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=<?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']}'  />";   
}

我想在iframe中为所有照片制作幻灯片。请告诉我如何做到这一点?我得不到任何帮助。提前谢谢。

1 个答案:

答案 0 :(得分:0)

您可以在页面的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
        });

很高兴解决这个问题:)