title: Multiple Image Viewer w/ thumbnails
body: <p>I would like to create a simple multiple image viewer for my website and i found a create resource for the code:</p>
  
  <p><a href="http://www.sohtanaka.com/web-design/css-multiple-image-viewer-thumbnails/" rel="nofollow">http://www.sohtanaka.com/web-design/css-multiple-image-viewer-thumbnails/</a></p>
  
  <p>however, i would like the image to switch on "mouseover" and when clicked i would like it to go to another website, so working from this code:</p>
  
  <pre><code> &lt;li&gt;&lt;a href="javascript:void(0)" onclick="switch_product_img('photo_1', 3);"&gt;&lt;img src="ARTofWAR_BLK(3).jpg" alt="Black" /&gt;&lt;/a&gt;&lt;/li&gt; 
  </code></pre>
  
  <p>do i strip the javascript from the &lt; a > tag and add it into the &lt; img > tag? i am a newbie when it comes to javascript so any help would be appreciated</p>