在PHP中创建动态图像网格

Question

作为项目的一部分，我需要创建图像的动态网格。这个网格将由随机放置的图像组成，中间有空白的空间。例如:

------------------
|Image|Blank|Blank|
|Blank|Image|Image|
|Blank|Image|Blank|
------------------

但是我不确定做这件事的最好方法是什么?我的想法是两个嵌套的for循环，例如:

for ($r = 0; $r <= $rows; $r++)
     for ($c = 0; $c <= $cols; $c++)
         if(isset($data[$r][$c]['Image'])
             echo $data[$r][$c]['Image'];

数据格式为:

$data[row][col][image]

用PHP的rand函数生成row和col。

这是最好的方法吗?还是我忽略了什么?

另外，在此设置下，当图像更新时，我如何更新$data[row][col][image] ?

更新:

网格的输出看起来像这样:

<div class="container">
    <div class="RowWrapper>
         <div class="cell">Image</div>
         <div class="cell"></div>
    </div>
     <div class="RowWrapper>
         <div class="cell"></div>
         <div class="cell">Image</div>
    </div>
</div>

谢谢。

Answer 1

试一下

http://www.zackgrossbart.com/hackito/jsgrid/