设计网络相册:CSS还是Ajax?

时间:2012-06-10 06:35:51

标签: ajax

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

所以我想知道,最好的设计方法是什么? HTML或AJAX?

我不想使用灯箱等现成的工具。

1 个答案:

答案 0 :(得分:0)

您希望浏览器的后退按钮有效吗?如果是这样,那么你应该让你的生活变得简单 并使用html(因为你只会一次显示一个图像)。

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

这个项目的目的是什么?如果您正在为学习体验而努力,那么您应该继续使用AJAX(从头开始)。如果您想要速度和质量,请使用现有的Web图库。如果你需要自己编写它,请使用普通的html(或doj,jquery等ajax框架,这将为你节省很多解决跨浏览器怪癖的痛苦)。

此外,如果您希望能够单击按钮以转到下一个(上一个)图像 而且你不知道你预先会有多少张图像,那么你正在寻找动态行为。您可以在客户端(javascript)或服务器端编写动态逻辑(让我们先说“php”)。

另外,您打算如何将相应的(图像,标题,描述)保持在一起? 如果您只有3张图片,请说您可以将其中的每一张硬编码到相应的html文件中。例如。 1.html,2.html,3.html。然后你必须从a.html指向前进按钮指向b.html。等...

如果你不想要这种无聊的静态行为并想要更聪明的东西,那就说你决定使用AJAX。然后你只有1.html文件,并从那里(使用javascript)你会问你的服务器(图像,标题,描述)并加载所有(动态,不刷新浏览器)到同一页面。从服务器获取此功能的最简单方法是只读取包含所有信息(图像网址,标题,说明)的静态(XML或JSON)文件。然后使用javascript并使用DOM操作,您将删除旧图像,并添加新图像。

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