バージョン選択

フォーラム

メニュー

オンライン状況

47 人のユーザが現在オンラインです。 (37 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 47
もっと...

PR

先着1,000社 プラグインダウンロード&お申込で1,000円分Amazonギフト券プレゼント amazon pay
広告掲載について

サイト内検索

機能要望 > その他 > EC-CUBE マウスオーバーで別の画像を表示させたい

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
takadairin
投稿日時: 2018/2/11 11:00
対応状況: −−−
新米
登録日: 2015/10/14
居住地:
投稿: 10
EC-CUBE マウスオーバーで別の画像を表示させたい

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>

どなたかご教授いただけると助かります。
tsuji
投稿日時: 2018/2/19 13:15
対応状況: −−−
仙人
登録日: 2013/11/19
居住地:
投稿: 815
Re: EC-CUBE マウスオーバーで別の画像を表示させたい
takadairin 様


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

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


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

takadairin
投稿日時: 2018/2/22 22:20
対応状況: −−−
新米
登録日: 2015/10/14
居住地:
投稿: 10
Re: EC-CUBE マウスオーバーで別の画像を表示させたい
辻さま

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

ありがとうございました。
umebius
投稿日時: 2018/2/25 22:34
対応状況: −−−
登録日: 2016/7/22
居住地: Tokyo
投稿: 1007
Re: EC-CUBE マウスオーバーで別の画像を表示させたい
takadairin様

<img src="{{ app.config.front_urlpath }}/img/top/img10.jpg" onmouseover="this.src='{{ app.config.front_urlpath }}/img/top/img01.jpg' " onmouseout="this.src='{{ app.config.front_urlpath }}/img/top/img10' " >


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


----------------
////////////////
(株)U-Mebius EC-CUBE3 カスタマイズ /バグ修正/SEO はおまかせ
一緒にEC-CUBEでサイト制作を行うプログラマ・コーダー・デザイナー募集

takadairin
投稿日時: 2018/3/13 14:29
対応状況: −−−
新米
登録日: 2015/10/14
居住地:
投稿: 10
Re: EC-CUBE マウスオーバーで別の画像を表示させたい
umebius様

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

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

大感謝です!!
takadairin
投稿日時: 2018/3/13 15:07
対応状況: −−−
新米
登録日: 2015/10/14
居住地:
投稿: 10
Re: EC-CUBE マウスオーバーで別の画像を表示させたい
解決しましたので、削除いたしました。。。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は29,843名です
総投稿数は87,055件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1754
4
yuh
1504
5
red
1171
6
468
1144
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
651
13 karin 650
14 sumida 641
15
homan
633
16 DELIGHT 571
17
h_tanaka
519
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© LOCKON CO.,LTD. All Rights Reserved.