サムネイル画像にマウスオーバーした際に、メイン画像を別の画像へ変更

kkondo830と申します。
【テーマ】Bizvektor（最新版）
【対象ページ】http://zakka-finna.sakura.ne.jp/wp/shopping/go_out/tellatale_bookcover

ECサイトを作成していますが、商品ページで下記仕様を実装しようとしていて
うまく動かずに、詰まっております。

・サムネイル画像に、マウスのポインタを載せる
・サムネイルにマウスを載せている間、別のメインの画像が違う画像になる。

グーグルで調べ、
サムネイルのimgタグの中に
onmouseover=”this.src=’http://○○.png'”を入れるところまでは
動作させることができました。具体的には下記コードを追加しております。

<img class=”alignright wp-image-120″ src=”http://○○.png&#8221; alt=”××” width=”99″ height=”99″ onmouseover=”this.src=’http://△△.png'”/&gt;

しかしthis.srcでなく、マウスをサムネイルに載せたときに
メインの画像を別のものに変えることがWordpressでうまくできず困っております。

下記ソースをimgタグに追加してみましたが、画像は変わらず更新後に
ソースコードを見ると削除されております（メインの画像にはid記述済。Wordpressがはじいた？）
onmouseover=”document.getElementById(‘□□’).src=’http://△△.png'&#8221;

どなたか実装のやり方をご存知の方がいらっしゃいましたら
教えていただけますでしょうか。

何とぞ、よろしくお願いいたします。