jquery - 如何制作包含大量图像的可维护 PhoneGap 页面？

Question

我正在使用 PhotoSwipe 制作一个简单的网络应用程序显示大量图像。如何使用可能添加或删除的图像使此页面易于维护？

从其他问题看来，我无法使用 jQuery 将目录中的图像动态加载到页面中，因此看起来我必须将图像静态插入为 html(或创建一个 JS 列表)每个图像元素)。有一个更好的方法吗？

需要注意的是，这个页面是独立的，背后没有服务器，所以我不能使用 php 或 ASP.NET 将图像动态加载到页面中。

Answer 1

没有后端会使它稍微困难一些，但我会提供一个建议。

我建议创建一个文本文件。该文件包含图像的文件名列表。加载页面时，使用 AJAX 请求此列表。然后遍历此文件的每一行，并使用 JavaScript 和文件名将每个图像加载到页面中。

如果您想要比这更易于维护的东西，那么您正在寻找一个 PHP 支持的数据库。

编辑:

如果您说的是 phonegap，那么我会说这完全有可能。首先使用 DirectoryReader .对于返回列表中的每个条目，您可以创建一个 FileEntry .然后您应该能够创建一个图像以使用 FileEntry 显示在页面中，但我不知道这个特定功能。