title: How to make an image pop-up on screen without opening another window
body: <p>So I have made a simple game where there is a bunch of pictures onscreen and when you click them, you get a point. Here is the code for that:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("p").click(function(){
      $(this).hide();
      picturesRemoved++;
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Then I also have this later in the code:</p>
  
  <pre><code>var picturesRemoved = 0;
  </code></pre>
  
  <p>and this for the pictures:</p>
  
  <pre><code>&lt;br&gt;&lt;p&gt;&lt;img src="test.jpg" border="0" width="1001" height="159"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>What I want is so that the pictures will keep popping up on the screen until you click a certain amount of them. The certain amount should be 20. I can use CSS, or JavaScript, or HTML, or jQuery. (Or all.)</p>
  
  <p>Thanks!</p>