EC-CUBE3.03を新規インストールしました。専門知識もあまりありません。

TOPページのギャラリーの画像をマウスオーバーで別の画像を表示させたいのですが、うまく出来ません。
↓のように　管理画面のgarally.twig　に記述しました。

<li class="col-sm-2 col-xs-4"><a href="#" class="item_photo">
<img src="{{ app.config.front_urlpath }}/img/top/img10.jpg" onmouseover="this.src='img/top/img01.jpg' " onmouseout="this.src='img/top/img10' " ></a></li>

どなたかご教授いただけると助かります。

takadairin 様


画像が正しく表示されないということでしたら、
画像のパスが間違っているのかもしれません。
もし、記述もパスも正しいとなると別の手法の検討をしてみてはいかがでしょうか。

参考までにですが、いろいろ方法があるようです。
https://html-coding.co.jp/knowhow/tips/rollover/

----------------
****************************************
株式会社システムフレンド
辻 拓也(takuya tsuji)
改造専門店・EC-CUBE工房
****************************************

辻さま

お礼が遅くなり、申し訳ございません。
いろいろ試していますが、今のところ変化なしです・・・
他のサイトで試してみたのですが、同じ記述で問題なく表示されます。
根気よく、じっくりトライしてみます。

ありがとうございました。

takadairin様



上記で動かないでしょうか？

----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

umebius様

ご教授いただいたパスでオンマウス表示できました！
ありがとうございます。

なかなかうまくいかずあきらめていたので、書き込みに気がついたのが本日でした。
お礼が遅くなりまして、大変申し訳ございませんでした。

大感謝です！！

解決しましたので、削除いたしました。。。