海量文件管理建议

Question

我有一个摄影师客户谁有10,000 +照片文件(Jpeg)在他们的网站上。在网站上查看照片时，您必须分别单击每一张照片，并在完成查看后单击其中的X。换句话说，没有允许滚动照片的灯箱。

我正在寻找一种方法或建议，关于如何“删除”/传输/转换现有的jpeg文件到lightbox环境中，而不必手动键入每个文件并将其放在html结构中。

Here就是他的一个页面的例子。您将看到所有显示为缩略图的照片。单击其中一个，然后它会在lightbox中打开它。我将开放，以便能够添加滚动功能到现有的灯箱，如果可能的话

提前谢谢。

Answer 1

根据当前页面的结构，您可能只需执行一次智能查找和替换。如果它稍微复杂一点，你可以写一个简单的脚本来为你做转换。

编辑：

假设你当前的代码是这样的：

<ul>
    <li><a class="showimage" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
    <li><a class="showimage" href="pic2.jpg"><img src="pic2thumb.jpg" /></a></li>
</ul>

要将其放入lightbox环境中，您需要将其格式设置为：

<ul>
    <li><a rel="lightbox" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
    <li><a rel="lightbox" href="pic1.jpg"><img src="pic1thumb.jpg" /></a></li>
</ul>

然后你需要找到：

class="showimage"

并将其替换为

rel="lightbox"

我希望这能解释清楚。如果您想要根据自己的需求定制更具体的答案，则必须发布当前代码的一小段/html。

Answer 2

我的建议是:使用某种模式对所有文件进行批处理命名，比如"Pic1，Pic2，Pic3“--某种可以通过编程方式访问的文件。使用您的服务器端语言(如果您正在使用服务器端语言)获取前15张左右的图片并将其发回。然后，jQuery可以在lightbox中使用前15个左右，当您超过前15个时，进行一个Ajax调用来调用下一个15，等等。

Answer 3

您可以使用prettyphoto之类的lightbox，并使用jquery选择器来定位图像链接。就像tskuzzy所说的，如果你想在lightbox中循环浏览它们，你必须进行搜索和替换，以添加rel属性。

如果你描述一下当前页面是如何构建的，或者有一个指向它的链接，这可能会有所帮助。