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>

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