Quick code change from click to a hover control

[adamb]

Hi All,

I have a code which works like an image gallery script, click a button/thumbnail a large image above fades in. I actually want it changed that so instead of clicking the thumbnail you just mouseover and the large image fades in.

Here is my code, I would really appreciate somebody having a look over it.
Javascript:

$(function()
{
    $("#section_select a").click(function()
        {
        var imageSource = $(this).children("img").attr("src");
       
        $("#image_holder").addClass("loading");
        $("#image_holder h3").remove();
          showImage(imageSource);
          return false;
        });
});

function showImage(src)
{
$("#image_holder img").fadeOut("normal").remove();
var largeImage = new Image();
$(largeImage).load(function()
                        {
                        $(this)[0].style.display = "none";
                        $("#image_holder").append(this).removeClass("loading");
                                             
                        $(this).fadeIn("slow");              
                        });    
$(largeImage).attr("src", src);                                                                               
}

HTML:

<div id="feature">
 	 		<div id="image_holder">	 
 	 		<h3>Image Holder</h3>
	 		</div>
	 			<div id="section_select"><ul id="nav"><li id="hotel"><a href="#">Hotel<img src="lion2.jpg" alt="Hotel" /></a></a></li><li id="club"><a href="#">Country Club<img src="lion3.jpg" alt="Country Club" /></a></li><li id="spa"><a href="#">Spa<img src="lion4.jpg" alt="Spa" /></a></li><li id="conf"><a href="#">Conference &amp; Banqueting<img src="lion5.jpg" alt="Conference and Banqueting" /></a></li><li id="wedding"><a href="#">Weddings<img src="lion6.jpg" alt="Weddings" /></a></li></ul>
	 			</div>
</div>

Thanks for taking the time to look.

Adam

[SynergySage89]

Hi Adam,
Why are there 2 closing anchor tags here:

<li id="hotel"><a href="#">Hotel<img src="lion2.jpg" alt="Hotel" /></a></a></li>

[adamb]

Coda autocompletes tags, not used to it, coded the extra closing tag by mistake.

Ad

[Jeff Mott]

To answer the original question, adamb, mostly likely all you need to do is change

$("#section_select a").click(function()

to

$("#section_select a").mouseover(function()