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

TCDテーマOOPS!:トップページスライダーの切り替え時間を変更する方法

Q.OOPS!にてトップページスライダーの切り替え秒数を変更したい

OOPS!にてトップページスライダーの切り替え速度を速くする方法を教えて下さい。

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

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

wp_enqueue_script( 'oops-index-slider', get_template_directory_uri() .
'/js/index-slider.min.js', array( 'jquery' ), version_num(), true );

    ↓

wp_enqueue_script( 'oops-index-slider', get_template_directory_uri() .
'/js/index-slider.js', array( 'jquery' ), version_num(), true );

編集するファイル:js/index-slider.js
編集する箇所:

    var speed = 1000;
    indexSliderItem.first().addClass('is-active');
    var timer = setInterval(function() {
        index = (index + 1) % sliderNum;
        jQuery('.is-active',
indexSlider).fadeOut(speed).removeClass('is-active');
        indexSliderItem.eq(index).fadeIn(speed).addClass('is-active');
    }, 8000);

※上記箇所のうち、「1000」と設定されているのが背景のフェードインのスピード、「8000」と設定されているのが、次のスライドに切り替わるまでの時間です。これらの値を任意の値にご変更ください。単位はミリ秒です。

※バージョン2.11以前のバージョンの方はこちらをご覧ください。

The following two tabs change content below.

タカ

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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