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以前のバージョンの方はこちらをご覧ください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!