Question

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

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

谢谢！

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，那么使用带回声等的循环......

打开灯箱中div的所有链接

2 个答案: