PHP在页面上重复图像[关闭]

我制作了一个 php 程序来在方框中重复页面上的图像。

该图像连续重复 100 次，然后垂直重复 100 次。这意味着该方框中总共重复了 100x100 图像。此类重复图像的大小为 10x10 像素。

现在的问题是，当要在本地主机上测试站点时，尝试打开页面时，页面会挂起，并且在上下滚动加载页面后，速度很慢并且有点挂起。

我使用嵌套 for 循环来重复图像。相同的代码是：

<?php
  for($i=1;$i<=100;$i++)
    {for($j=1;$j<=100;$j++)
        {
            echo '<div id="imagebox">';
            echo "<img src='images/image.png'>";
            echo '</div>';
        }
    }
  ?>

各位，可能是什么问题？

预先感谢任何可能的解决方案。

有什么替代的编程技术吗？

为什么不尝试获取图像尺寸，然后将容器 div 的高度和宽度设置为图像高度和宽度的 100 倍（分别），然后仅使用 CSS background-repeat 属性在 x 和 y 轴上重复图像。当您尝试重复单个图像时，此解决方案可能会起作用。 看看它的实际效果：http://jsfiddle.net/vzX9q http://jsfiddle.net/vzX9q

HTML：

<div id="img"></div>

JavaScript：

$(document).ready(function() {
  var imgSrc = "http://lorempixel.com/100/100";

  $("#img").css({
    background: "url("+imgSrc+") repeat"
  });

 var newImg = new Image();
 newImg.src = imgSrc; 

newImg.onload = function() {
  var imgHeight = newImg.height;
  var imgWidth = newImg.width;

  $("#img").css({
    width : imgWidth*100,
    height: imgHeight*100
  });
}
});