JS gallery with hover to show large image - how to remove a hyperlink
<p>I have a js gallery that when I hover over a thumbnail a large image shows on the page. However if I click the thumb it opens the large image in a new page.</p>

<p>Can anyone advise how I can remove the click function, and just keep the hover effect?</p>

<p>Here is my js:</p>

<pre><code>$(document).ready(function(){
  $('#thumbs ul li a').hover(
    function() {
      var currentBigImage = $('#bigpic img').attr('src');
      var newBigImage = $(this).attr('href');
      var currentThumbSrc = $(this).attr('rel');
      switchImage(newBigImage, currentBigImage, currentThumbSrc);
    },
    function() {}
  );
  function switchImage(imageHref, currentBigImage, currentThumbSrc) {
    var theBigImage = $('#bigpic img');
    if (imageHref != currentBigImage) {
      theBigImage.fadeOut(250, function(){
        theBigImage.attr('src', imageHref).fadeIn(250);
        var newImageDesc = $("#thumbs ul li a img[src='"+currentThumbSrc+"']")
          .attr('alt');
        $('p#desc').empty().html(newImageDesc);
      });
    }
  }
});
</code></pre>

<p>And my HTML:</p>

<pre><code>&lt;body&gt;
  &lt;div id="thumbs"&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;a rel="http://..." href="http://..."&gt;
          &lt;img src="http://..." alt="Ring 1" /&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a rel="http://..." href="http://..."&gt;
          &lt;img src="http://..." alt="Ring 2" /&gt;
        &lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;a rel="http://..." href="http://..."&gt;
          &lt;img src="http://..." alt="Ring 7" /&gt;
        &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;a rel="http://..." href="http://..."&gt;
          &lt;img src="http://..." alt="Ring 8" /&gt;
        &lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="bigpic"&gt;&lt;img src="http://..." alt="First Main Image" /&gt;
    &lt;p id="desc"&gt;Move your mouse over the images on the left to view here...&lt;/p&gt;
  &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
