title: onmouseover - pass alt tag with image tag
body: <p>I've got the following code that is viewed as thumbnail images beside the big preview image.</p>
  
  <pre><code>&lt;img onmouseover="getElementById('preview').src=(this.src)" src="images/1.jpg" alt="TESTING 1"&gt;
  &lt;img onmouseover="getElementById('preview').src=(this.src)" src="images/2.jpg" alt="TESTING 2"&gt;
  &lt;img onmouseover="getElementById('preview').src=(this.src)" src="images/3.jpg" alt="TESTING 3"&gt;
  </code></pre>
  
  <p>Then I've got my preview image...</p>
  
  <pre><code>&lt;div class="preview" align="center"&gt;&lt;img id="preview" src="images/1.jpg" alt="TESTING 1" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When hovering over the thumbnail, it updates the preview.  I'd like to pass the alt attribute to the preview.</p>
  
  <hr>
  
  <p>I've tried this...</p>
  
  <pre><code>&lt;img onmouseover="getElementById('preview').src=(this.src).setAttribute('alt',this.alt)" src="images/1.jpg" alt="TESTING 1"&gt;
  </code></pre>
  
  <p>and this...</p>
  
  <pre><code>&lt;img onmouseover="getElementById('preview').src=(this.src).alt(this.alt)" src="images/1.jpg" alt="TESTING 1"&gt;
  </code></pre>
  
  <p>neither of which worked.  I'm not the best at coming up with my own javascript but I'm obviously doing something wrong</p>