title: Jquery fade effect
body: <p>I need some jquery help. I have a simple image gallery and I'd like to add some jquery effect (particulary fading in/out of the images in #actimg). Keep in mind, Im not very familiar with jquery. </p>
  
  <p>js</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function showPic (whichpic) {
    if (document.getElementById) {
    document.getElementById('actimg').src = whichpic.href; 
    return false; 
   } else {
    return true;
   } 
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>and body</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a onclick="return showPic(this)" href="images/girl_01.jpg"&gt;&lt;img height="50px" width="50px" src="images/girl_01.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a onclick="return showPic(this)" href="images/girl_02.jpg"&gt;&lt;img height="50px" width="50px" src="images/girl_02.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a onclick="return showPic(this)" href="images/girl_03.jpg"&gt;&lt;img height="50px" width="50px" src="images/girl_03.jpg" /&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;img id="actimg" src="images/girl_04.jpg" alt="" /&gt;
  </code></pre>