ajax - 设计网络相册：CSS 还是 Ajax？

Question

我想设计一个网络相册，相册中的每张图片都有自己的标题和描述。因此，一次只能看到一组图像、标题和描述。单击下一步按钮时，将出现下一组图像、标题和描述，依此类推。

所以我想知道，最好的设计方法是什么？HTML 还是 AJAX？

我不想使用诸如灯箱之类的现成工具。

Answer 1

你想让浏览器的后退按钮工作吗？如果是这样，那么你应该让你的生活变得简单并使用 html（因为无论哪种方式你一次只会显示一个图像）。

Ajax 意味着使用 html。另一方面，使用 html 并不一定意味着您需要使用 AJAX 来动态加载内容。

这个项目的目的是什么？如果您这样做是为了学习经验，您应该继续使用 AJAX（从头开始）。如果您想要速度和质量，请使用现有的网络图片库。如果您需要自己编写它，请使用纯 html（或 ajax 框架，如 dojo、jquery 等。这将为您节省很多解决跨浏览器怪癖的痛苦）。

此外，如果您希望能够单击按钮将您带到下一个（上一个）图像，并且您不知道事先将拥有多少张图像，那么您正在寻找动态行为。您可以在客户端（javascript）或服务器端（让我们说“php”开始）编写动态逻辑。

另外，您打算如何将相应的（图像、标题、描述）放在一起？如果您只有 3 张图片，假设您可以将每张图片硬编码到相应的 html 文件中。例如。1.html、2.html、3.html。然后，您必须将 a.html 中的前进按钮指向 b.html。ETC...

如果您不想要这种无聊的静态行为并且想要更智能的东西，那么假设您决定使用 AJAX。然后您将只有 1.html 文件，并从那里（使用 javascript）向您的服务器询问（图像、标题、描述）并将所有这些（动态，无需刷新浏览器）加载到同一页面中。从服务器获取此信息的最简单方法是读取包含所有信息（图像 url、标题、描述）的静态（XML 或 JSON）文件。然后使用 javascript 并使用 DOM 操作，您将删除旧图像，并添加新图像。

但是，使用服务器端处理，这一切都会简单得多（值得学习）。在这种情况下，您可以有一个带有图像编号参数的 url。例如。http://example.com/gallery/index.php?image=X 然后在服务器用 html 响应客户端之前，它会意识到你想要加载图像 X，所以它会得到它对应的描述、标题和网址。并将它们“嵌入”到文件中。当然，根据数量，它还会为上一个和下一个按钮添加正确的链接。例如。如果当前显示的图像是 9，则前进按钮将“动态”确定链接到 (X+1)：http ://example.com/gallery/index.php?image=10