ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマSWEETY:スライダーの速度を変更する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.スライダーの遷移時間を変更したい

スライダーの切り替わり速度を速くするにはどうしたらいいでしょうか?

A.下記のPHPファイルの該当箇所を編集します

編集するファイル:header.php
編集する箇所:

<script type="text/javascript">
jQuery(document).ready(function($){
  $('#top_slider').slick({
    infinite: false,
    dots: true,
    arrows: false,
    slidesToShow: 1,
    slidesToScroll: 1,
    adaptiveHeight: true,
    autoplay: true,
    fade: true,
    easing: 'easeOutExpo',
    speed: 1000,
    autoplaySpeed: 7000
  });
});
</script>

※「autoplaySpeed: 7000」の値を小さくすると遷移が速く、大きくすると遅くなります。(単位はミリ秒)

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事