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

时间:2012-01-18 23:58:14

标签: jquery html cordova

我正在使用PhotoSwipe制作一个简单的网络应用来展示大量图片。如何使用可能添加或删除的图像来维护此页面?

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

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

1 个答案:

答案 0 :(得分:2)

没有后端会让它稍微困难但我会提出一个建议。

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

如果你想要比那更可维护的东西,那么你正在寻找一个PHP支持的数据库。

编辑:

如果你说过phonegap,那我就说完全可能了。 首先使用DirectoryReader。通过返回列表中的每个条目,您可以创建FileEntry。然后,您应该可以使用FileEntry创建要在页面中显示的图像,但我不知道这个特定的功能。