title: Save image position javascript after using absolute
body: <p>So Im trying to write JS code that make a picture in a slideshow to increase is size and then show a button. The picture size and the button I figured out but one of the thing that is a issue that I use absolute position to set to new size picture place. My problems are: </p>
  
  <p>1)that I dont know how to bring the picture to his previous place after closing the window.</p>
  
  <p>2)Closing the window when pressing everywhere but the image(not a must.</p>
  
  <p>3)Not moving the image just showing the same picture bigger with blurry scree(will probably solve all the problems).</p>
  
  <p>I'm doing this for a school project and i need to know how the code work I know how to read code and understand it but for some stupid reason if we use packages we need to understand the package code too is please no packages:);</p>
  
  <p>sorry for the long read but thanks for the helpers</p>
  
  <p>PS. didn't do the slideshow yet but I just want to be sure I can do all of this before building it
  JS:</p>
  
  <pre><code>&lt;script&gt;
      $('#Test').click(function(){
          $('#Test').animate({
              height: screen.height * .45,
              right:  screen.width * .35,
              left:  screen.width * .2, // heigth / 2
              top:'200px' // width / 2
          });
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img src="Pics/up-arrow.png" id="Test"/&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    #Test{
  width = 400px;
  position:absolute;
  }
  </code></pre>