マウスオーバーで大きい画像が切り替わる設定について

質問

同一ページで複数のサムネイルにマウスオーバーしたら
大きな画像が切り替わる設定をしたいのですが・・・

下記サイト（同一ページで複数のスワップイメージ（ギャラリー）を見せたい）の
『フェードとかない普通のバージョン』を参考にしております。

下記サイトのスクリプトでは、サムネイルをクリックして画像の切り替えを
実行するのですが、サムネイルにマウスを置くだけ（クリックなし）に変更する
ことは可能でしょうか？

JQuery
$(function () {
$('div.swap li a').click(function (e) {
e.preventDefault();
var imagePath = $(this).attr('href');
var mainImage = $(this).parents('div.swap').find('p img');
$(mainImage).attr('src', imagePath);
});
});

参考サイト
http://depthcode.com/2010/10/swap.html

クリックなしに変更可能であればご教授いただけないでしょうか。
よろしくお願いします。

回答No.1

play_with_you

＞$('div.swap li a').click(function (e) {
「click」とあるようにこれが「クリック時」に実行されるので、ここを「マウスオーバー時」に実行するものに変更。
何にするかは自力で調べてください。検索すればすぐに出るので。つーか、意味を調べようともしない人にjQueryは扱いきれないので(今回の質問程度のレベルすら自力でポイントを見つけられなかったように)、ちゃんと調べるようにしましょうね。