livedoorブログにおいて、タグについての質問です。

デザインのカスタマイズでトップページの設定で「画像」もしくは「続きを読む」をオンマウスすると画像が入れ替わる設定にしたいのですが、うまくいきません。
以下のような設定にしたのですが、「画像」や「続きを読む」にオンマウスしても、画像が入れ替わりません。なお、画像1と画像2はgif画像のURLです。

・画像やテキストの上にカーソルがない場合、「画像1」を表示。
・画像やテキストの上にカーソルがある場合、「画像2」を表示。

<div class="article-body entry-content">
<div class="article-body-inner">
<$CommonTheme$>
<$ArticleBody$>
<IfArticleBodyMore><span class="article-continue"><a href="<$ArticlePermalink$>#more" onMouseOver="document.images['hoge'].src='画像2'" onMouseOut="document.images['hoge'].src='画像1'"><img name="hoge" src="画像1" alt="" border="0" width="15" height="13">続きを読む</a></span></IfArticleBodyMore>
</div>

１つの方法としては、
イベント部分を

onMouseOver="this.firstChild.src='画像２'" onMouseOut="this.firstChild.src='画像１'"

の様にしてやればいいんじゃないかと思います。

基本的には、問題無いとです。
それで、画像は、入れ替わるはずと思います。

問題点は、これが、デザインに書かれている点です。
つまり、トップページには、記事の数だけこの記述が存在するようになり、
document.images['hoge'] による画像の指定が、複数になるところが問題です。
ブラウザにしてみれば、どれを変えていいのかわからないということになります。（場合によっては最後のモノだけ変わるというような動作をするのかもしれません）