打開燈箱中的div內的所有鏈接

Question

我想弄清楚如何在燈箱中打開div中的所有圖像。該div從Picasa專輯中拉出圖片，因此我無法單獨編輯每個鏈接。

什麼也適用於我是能夠打開一個lightbox中的某個文件類型的所有鏈接。

謝謝！

Answer 1

嘗試滿足您的要求的漂亮畫廊。 Demo for photo gallery。

我已經在pikaChoose的照片庫上創建了一個放大按鈕，點擊我在燈箱中顯示畫廊的按鈕。從pikaChoose顯示的代碼是

jQuery(".pika-stage #enlarge a").live('click',function(){ 
      jQuery.fn.prettyPhoto();    
      jQuery.prettyPhoto.open(api_gallery,api_titles,api_descriptions); 
      return false; 
      }); 

我希望這可能是對你有用

Answer 2

您可以使用收藏夾：http://lokeshdhakar.com/projects/lightbox2/

例如（前三行頭 - 一定要擁有像IMGS文件夾關閉按鈕圖像）：

<script src="jquery-1.11.0.min.js"></script> 
<script src="lightbox.min.js"></script> 
<link href="css/lightbox.css" rel="stylesheet" />  


<a href="img/image-2.jpg" data-lightbox="roadtrip">Image #2</a> 
<a href="img/image-3.jpg" data-lightbox="roadtrip">Image #3</a> 
<a href="img/image-4.jpg" data-lightbox="roadtrip">Image #4</a> 

由於您使用Picasa時，將href更改爲相應的鏈接圖像。如果您使用的是PHP，那麼使用回聲等迴路...