[EC-CUBE覚書]yuga.jsでロールオーバー機能がうまくいかない件とEC-CUBEのデフォルトのロールオーバーの利用について

EC-CUBE(ver2.11.5)にいつも利用しているyuga.jsを搭載したのですが、いつもは出てこない以下のようなエラーメッセージが出てきて、ロールオーバーだけ全く機能しません。(;;)

メッセージ: ‘this.originalSrc’ は Null またはオブジェクトではありません。
ライン: 108
文字: 5
コード: 0
URI: http:/xxxxxxx/js/yuga.js

ともかくエラーメッセージが出てるままだとカッコ悪いので、
yuga.jsの120行目あたりの以下の部分を削除するとエラーメッセージは消えました。
もちろんロールオーバーはうまくいかないままですが・・・。

this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");

オンページでの_cr画像での切替はこれを削除してもうまくいってます。
他の機能はこのサイトでは使ってないので確認してません。

どうググっても出てこないので、Q&Aサイトに頼ることにして、
仮でEC-CUBEのカートボタンなどで使われている
ロールオーバー仕様をそのまま利用することにしました。
多分これと競合してて上のはうまくいかないんだろうなぁ(^^;

<li><a href="http://xxxxxx.jp/"><img src="user_data/packages/default/img/custom/mainnavi01.png" alt="ホーム" width="160" height="60" class="btn"/></a></li>

このように設定してたメインナビボタンを以下のように設定しなおしました。

<li><a href="http://xxxxxx.jp/" onmouseover="chgImg('user_data/packages/default/img/custom/mainnavi01_on.png','button_mainnavi01');" onmouseout="chgImg('user_data/packages/default/img/custom/mainnavi01.png','button_mainnavi01');"><img src="user_data/packages/default/img/custom/mainnavi01.png" class="btn" alt="ホーム" border="0" name="button_mainnavi02" /></a></li>

これでロールオーバーはうまくいくようになったのですが、
onページでのcr画像での切替でちょっと不備が出てきて、
onページでそのページのボタンにちょっとでも触れると通常画像に戻ってしまいます。

EC-CUBE

Posted by ponnao