page hangs when i repeat image 10000 times.. any alternate jquery or javascript solution is needed
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/14547312/php-repeating-of-an-image-on-a-page">PHP repeating of an image on a page</a>  </p>
</blockquote>



<p>I made a php program to repeat an image on a page in a square box.</p>

<p>The image repeats 100 times in a row and then again 100 times vertically.. that means total 100x100 images are repeating in that square box. The size of one such repeating image is 10x10 pixel.</p>

<p>Now the problem is when the site is to be tested on localhost, the page hangs, when it is tried to be opened, and after it is loaded on scrolling up and down it is slow and hangs a bit.</p>

<p>I used nested for loops to get the image repeated. The code for same is:</p>

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

<p>Guys what could be the problem??</p>

<p>Thanks in advance for any possible solution.</p>

<p>Any alternate programming technique solution like jquery or JS?</p>

<p>using a possible solution i made the id separate for each image by using this code</p>

<pre><code>echo '&lt;div id="imagebox"  . "i" . "j"&gt;';
</code></pre>

<p>But this also not helped</p>
