可能的重复项：
PHP 在页面上重复图像
我制作了一个php程序，可以在方框中的页面上重复图像。
图像连续重复 100次，然后垂直重复 100 次......这意味着总共 100x100 张图像在该方框中重复。一个这样的重复图像的大小为 10x10 像素。
现在的问题是，当网站要在本地主机上进行测试时，页面挂起，尝试打开时，加载上下滚动后，它很慢并且有点挂起。
我使用嵌套的循环来重复图像。相同的代码是：
<?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>';
}
}
?>
伙计们可能有什么问题？？
提前感谢任何可能的解决方案。
是否有替代编程技术解决方案，如jquery或JS？
使用可能的解决方案，我使用此代码为每个图像分开了 ID
echo '<div id="imagebox" . "i" . "j">';
但这也没有帮助
为什么不尝试获取图像尺寸，然后将容器div 的高度和宽度分别设置为图像高度和宽度的 100 倍，然后仅使用 CSS 背景重复属性在 x 轴和 y 轴上重复图像。当您尝试重复单个图像时，此解决方案可能有效。该 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
});
}
});
也许尝试使用javascript延迟加载。它只会在屏幕上加载图像？
例如：http://www.appelsiini.net/projects/lazyload