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. 构建一个ajax脚本，使用jquery.ajax（）将新图像加载到图像容器中

如果您将其分解并尝试做一些特定的事情，那么当您陷入困境时，您可能会再次在此处提出特定的问题，您将能够找到答案。 一次尝试做所有事情，将无济于事。