Fancybox在iframe中的幻燈片顯示如同在facebook中的相冊

Question

我有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的所有照片.Suggest我這可怎麼辦呢？我沒有得到任何幫助。提前致謝。

Answer 1

您可以在頁面的document.ready函數腳本標記下添加以下代碼。

$.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 
     }); 

很高興來解決這個:)