WordPressテーマTCDのカスタマイズを研究するサイト

スライダーの速度を変更する

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」の値を小さくすると遷移が速く、大きくすると遅くなります。(単位はミリ秒)

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。