title: Want a function to add an images source property to a larger image
body: <p>I want to create a function so when you press on one of the 5 or more available images another image will gain and source of the one you clicked on. This is so when you click on an image, a frame will open up and display a larger size of that image.</p>
  
  <p>This is the small image code:</p>
  
  <pre><code>&lt;img src="Media//Gallery//img_1.jpg" onclick="showLarge();" alt="Gallery Image 1" /&gt;
  </code></pre>
  
  <p>And this is the blank space for the other image which needs to gain the source of the small image for it to be displayed:</p>
  
  <pre><code>&lt;img name="largeImage" src="Media//Gallery//Image_1.jpg" alt="Large Image" /&gt;
  </code></pre>
  
  <p>This is my JavaScript Function so far:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function showLarge() {
      var largeFrame = document.getElementById("zoomedIn");
      largeFrame.style.visibility='visible';
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Thank you!!</p>