打开灯箱中的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，那么使用回声等回路...