Converting a regular onClick link to onMouseOver

[jcfra420]

I am working on a gallery site, and working with the scriptaculous gallery. With this gallery, all I have to do is add rel="lightbox" to the link to the larger image, but she wants it to do it on hover. At the moment the link looks like this:

<a href="link-to-large-image" rel="lightbox" title="Moments gallery image 1 &copy; Marie Poirier Marzi"><img src="link-to-thumbnail" alt="&copy; Marie Marzi" border="0" class="picButtons" /></a>

How would I make this a onMouseOver instead of a onClick? Would I have to find another javascript to do this? Or can I just modify the anchor info?

Please help, I am on the last days before deadline.

[jcfra420]

Sorry forgot to add, that with the terms of use, I guess I cant post a link. So if you want to see what I am talking about, just email me, and I can send you the link.

[DruManiac]

well what i did was putting a DIV as my display area and my script changes the background of the DIV to a pic.. so u can try a simple and very small script and simply type the function name on the link as onmouseover

a suggestion if u r using mouseover hover, preload the images or use very very small file sized images(that means very low quality too) :D