jQuery函数用于最大化计时器上的内容

Question

我正在开展一个项目，它将展示一个功能的图像和文字。

我的目标是在（即10x5图块）页面上以网格样式显示媒体，然后每隔5秒，随机图块被放大，显示为5秒，然后使用灯箱式效果最小化。

除此之外，我需要能够在夜晚进行时添加照片/媒体，并在页面上显示，而不会中断所展示媒体的顺序（可能通过使用AJAX刷新） 。我通过使用PHP脚本来检查服务器上目录的内容，然后将其反馈到库中（以前使用Supersized）。

[在此记录：http://forum.jquery.com/topic/tutorial-how-to-detect-images-automatically-with-supersized]

有没有人知道如何在jQuery中编写这个，或者是否已经有一个插件为我做这个？

非常感谢提前！

Answer 1

我认为你应该做的是将任务分解为子任务，而不是试图把它作为一个整体来抓住：

1. 构建html以使用静态图像作为数据源在网格中显示图像，以使其正确。
2. 构建css以对齐图像并确保一切都适合。
3. 构建一个包含图像路径的数据库。
4. 更改html中的数据源，以使用目录中的图像。
5. 开始编写javascript，一次一件事。
   1. 构建一个计时器，每隔5秒跳转到下一个图像，并使用jquery.animate（）
   向上或向下设置动画。
   2. 使用jquery.ajax（）
   构建一个ajax脚本，将新图像加载到图像容器中

如果你把它分解，并尝试做一些具体的事情，那么当你遇到困难时，你可以再次询问一些特定的东西，你就可以得到答案。试图一次完成所有事情，将无处可去。