【问题标题】:dynamically display images in a grid in html在html中的网格中动态显示图像
【发布时间】:2011-06-24 17:49:17
【问题描述】:

设置如下:

我有 25 个文件夹,每个文件夹都有一些图像。每个文件夹中图像的数量和文件名是在我运行 C++ 代码后决定的。我想以 5x5 网格格式在 html 文件中显示这 25 个文件夹中的图像,每个网格条目的大小取决于与该网格条目对应的文件夹中的图像数量。我需要为它编写一个 html 脚本。

由于我完全没有编写 html 脚本的经验,因此我查看了 stackoverflow 和其他地方的一些其他帖子,但我无法找到有关动态查找文件夹然后显示其中包含的图像的帮助。如果有人可以帮助我,我将不胜感激。

提前致谢!

【问题讨论】:

  • HTML,脚本?您的意思是来自输出 HTML 的脚本协议的脚本,对吗?这完全取决于您希望渲染的 HTML 有多华丽,您只是希望这些呈现在一个老式且不合适的表格中,还是具有更好样式的基于 DIV 的演示文稿会更好?
  • 嗨,Rob - 不是强盗 (:P),只要所有图像都可见,老式的方法就可以正常工作。

标签: html image gridview


【解决方案1】:

正如 Zeychin 所说,您可以使用 PHP 根据您对已设置的目录进行的查询,很好地高效地输出 HTML。

查看 PHP 的 $_SERVER,您应该能够查询服务器上从根名称到文件夹内容的任何内容。处理它返回给您的数据,通过循环您可以轻松输出大致类似于以下内容的表格格式

<table><!-- "Starts" table-->
<tr><!-- "Starts" row 1-->
<td><!-- "Starts" cell 1-->
</td><!-- "ends" cell 1-->
<td><!-- "Starts" cell 2-->
</td><!-- "ends" cell 2-->
<td><!-- "Starts" cell 3-->
</td><!-- "ends" cell 3-->
<td><!-- "Starts" cell 4-->
</td><!-- "ends" cell 4-->
<td><!-- "Starts" cell 5-->
</td><!-- "ends" cell 5-->
</tr><!-- "ends" row 1-->

... do this 4 more times ...

</table> <!-- "end" table-->

【讨论】:

【解决方案2】:

这听起来像是一个最好用 PHP/JSP 等实现的服务器端脚本。 我对服务器端的东西生疏了,所以我会把这个留给那些更熟悉服务器端材料的人。

【讨论】:

    猜你喜欢
    • 2013-04-26
    • 1970-01-01
    • 2014-07-29
    • 1970-01-01
    • 2017-05-11
    • 1970-01-01
    • 2023-02-17
    • 1970-01-01
    相关资源
    最近更新 更多