2011-08-16 37 views
0

我不得不用下面的代碼圖像:的兩個圖像顯示爲一個收藏夾

echo '<div class="thumb" style="width: '.$array['thumb_width'].'px; height: '.$array['thumb_height'].'px;"> 
      <a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['before_image_id'].'" > 
      <img src="showthumbs.php?image_id='.$array['before_image_id'].'"/"> 
      </a> 

      <a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['after_image_id'].'" > 
      <img src="showthumbs.php?image_id='.$array['after_image_id'].'"/"> 
      </a> 

      </div><p><p/>'; 

問題是,它是在燈箱中單獨顯示。我希望它在一張燈箱中並排顯示兩張圖像。我該怎麼做?

回答

1

有2個選項,取決於收藏你使用:

  1. 一些燈箱(顏色框,DOM窗口,facybox,ThickBox的)支持加載HTML頁面到iframe,而不僅僅是圖像。如果你可以嘗試加載兩個標籤的HTML到燈箱。

  2. 如果您有隻支持圖像(如squarespace的蹩腳的收藏夾),你可能使用PHP的GD庫的圖像合併在一起的燈箱。 看到這個問題: Merge Two images together on Server, then save

+0

你知道,如果這http://leandrovieira.com/projects/jquery/lightbox/可以做HTML? – adit

+0

,你能給我一個使用fancybox做這個的例子嗎?我在他們的網站上看到,他們可以做內聯內容不知道如何 – adit

+0

我不認爲該lightbox支持iframe。 – Coomie