JavaScript rollover image gallery not working in Chrome or IE
<p>I set up a small image gallery that functions with JavaScript Rollovers.  I have also added a bit of jquery to augment the images.  My problem is that everything works perfectly in Firefox, but not in IE or Chrome.  Everything will display in IE and Chrome, but when you click on a thumbnail, the large image won't populate.</p>

<p>Current page code:</p>

<pre><code>&lt;a href="#" onmouseup = "window.document.gallery.src = 'images/Gallery/Landscapes_Album/slides/Tern Lake Sunset.jpg'"&gt;
&lt;img src="images/Gallery/Landscapes_Album/thumbs/Tern Lake Sunset.jpg" width="80" height="80" class="gallery-thumb" id="In"/&gt;&lt;/a&gt;
</code></pre>

<p>Current jquery code:</p>

<pre><code>// jQuery fade-in and fade-out

$(function() {
  // OPACITY OF BUTTON SET TO 50%
  $(".gallery-thumb").css("opacity","0.5");

  // ON MOUSE OVER
  $(".gallery-thumb").hover(function () {

    // SET OPACITY TO 100%
    $(this).stop().animate({
       opacity: 1.0
      }, "slow");
    },

    // ON MOUSE OUT
    function () {

    // SET OPACITY BACK TO 50%
    $(this).stop().animate({
      opacity: 0.5
    }, "slow");
  });
});
</code></pre>
