lightbox - 在灯箱中打开 div 中的所有链接

Question

我试图弄清楚如何在灯箱中打开 div 中的所有图像。该 div 正在从 picasa 相册中提取图像，因此我无法单独编辑每个链接。

对我也有用的是能够在灯箱中打开某种文件类型的所有链接。

谢谢！

Answer 1

您可以使用灯箱： 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，则使用带有 echo 的 for 循环等...

Answer 2

尝试符合您要求的漂亮画廊。照片库演示。

我通过单击在灯箱中显示画廊的按钮在 pikaChoose 的照片库上创建了一个放大按钮。pikaChoose 的显示代码是

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

我希望这对你有用