バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > スライドショーの切替時間について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
chantake
投稿日時: 2020/11/20 3:31
対応状況: 解決済
半人前
登録日: 2020/9/23
居住地:
投稿: 14
スライドショーの切替時間について
[EC-CUBE]4.0.5 新規インストール

スライドショーについてお伺いいたします。

EC-CUBE4のデフォルトのスライドショーの切替時間を遅くしたいのですが、修正できないのでしょうか?

いろいろ調べたのですが画像の切替はあるのですが、時間の調整までは検索結果が出ませんでした。

EC-CUBE3では切替時間の速度を変更できたと思うのですが・・・。

アドバイスよろしくお願いいたします。
coremobile
投稿日時: 2020/11/20 22:24
対応状況: −−−
常連
登録日: 2018/8/30
居住地:
投稿: 52
Re: スライドショーの切替時間について
管理画面からソースコードを編集できます。

管理画面の
コンテンツ管理>ページ管理に行き

TOPページをクリックすると
ソースコードが出てきます。

95行目から102行目

$(function() {
    $('.main_visual').slick({
        dots: true,
        arrows: false,
        autoplay: true,
        speed: 300
    });
});


これに「autoplaySpeed」を加えて速度を5000とかに変更すると遅くなります。

$(function() {
    $('.main_visual').slick({
        dots: true,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 5000,
        speed: 300
    });
});


遅いの意味合いが違ったらごめんなさい。

ほかのオプション項目などは下記サイトなど参照されると良いかと思います。
https://stand-4u.com/web/javascript/slick.html
chantake
投稿日時: 2020/11/20 23:27
対応状況: −−−
半人前
登録日: 2020/9/23
居住地:
投稿: 14
Re: スライドショーの切替時間について
ご連絡ありがとうございます。

早速、アドバイス通りに試してみましたところ思い通りになりました。

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

'autoplaySpeed:'で検索したところ、slickのオプションは他にもいろいろあるのですね。

勉強になりました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は67,470名です
総投稿数は98,836件です

投稿数ランキング

1
seasoft
7333
2
AMUAMU
2712
3
468
2696
4
nanasess
2116
5
umebius
1792
6
yuh
1612
7
red
1427
8
h_tanaka
1051
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.