質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

489閲覧

silder (slick) のスピード設定

niconic73027793

総合スコア215

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2022/06/07 18:07

編集2022/06/07 18:35

スライダーのスピード設定をいじってみたのですが、変化がみられません。

記述の仕方がまちがっているのでしょうか?

'autoplaySpeed' : 6000,

このように指定したのですが、スピードが変わっている気がしません。

指定がまちがっているのでしょうか?

試した事

極端に 数字を大きくしたり、ちいさくしても変化が見られませんでした。

リロードしてみましたが、変化がみられません。

slick.js に指定された

autoplaySpeed: 3000,

の値を変えてもだめでした。

下記は slick.js のソースです

Slick = (function() { var instanceUid = 0; function Slick(element, settings) { var _ = this, dataSettings; _.defaults = { accessibility: true, adaptiveHeight: false, appendArrows: $(element), appendDots: $(element), arrows: true, asNavFor: null, prevArrow: '<button class="slick-prev" aria-label="Previous" type="button">Previous</button>', nextArrow: '<button class="slick-next" aria-label="Next" type="button">Next</button>', autoplay: false, autoplaySpeed: 3000, centerMode: false, centerPadding: '50px', cssEase: 'ease', customPaging: function(slider, i) { return $('<button type="button" />').text(i + 1); }, dots: false, dotsClass: 'slick-dots', draggable: true, easing: 'linear', edgeFriction: 0.35, fade: false, focusOnSelect: false, focusOnChange: false, infinite: true, initialSlide: 0, lazyLoad: 'ondemand', mobileFirst: false, pauseOnHover: true, pauseOnFocus: true, pauseOnDotsHover: false, respondTo: 'window', responsive: null, rows: 1, rtl: false, slide: '', slidesPerRow: 1, slidesToShow: 1, slidesToScroll: 1, speed: 500, swipe: true, swipeToSlide: false, touchMove: true, touchThreshold: 5, useCSS: true, useTransform: true, variableWidth: false, vertical: false, verticalSwiping: false, waitForAnimate: true, zIndex: 1000 };

下記は
jquery.slider.js のソースです

(function( $ ) { $.fn.slider = function(options) { var $this = this; var settings = { // Dimensions 'width' : this.width(), 'height' : this.height(), // Settings 'wait' : 4000, 'fade' : 750, 'direction' : 'left', 'showControls' : true, 'showProgress' : true, 'hoverPause' : true, 'autoplay' : true, 'autoplaySpeed' : 6000, 'randomize' : false, // Callbacks 'slidebefore' : function() {}, 'slideafter' : function() {}, 'rewind' : function() {} }; var _timer = false; var _last = false; var _this = false; var _cycle = function() { clearTimeout(_timer); _last = _this; if (settings.direction == 'right') { _this = _this.prev('.jquery-slider-element'); } else { _this = _this.next('.jquery-slider-element'); } if (!_this.length) { _rewind(); } _draw(); if (!$this.hasClass('jquery-slider-paused') && settings.autoplay) { _timer = setTimeout(_cycle, settings.wait); } }; var _rewind = function() { if (settings.direction == 'right') { _this = $this.children('.jquery-slider-element').last(); } else { _this = $this.children('.jquery-slider-element').first(); } settings.rewind(_this, $this); }; var _draw = function() { $this.addClass('jquery-slider-sliding'); if (settings.showProgress) { $this.find('.jquery-slider-page').removeClass('jquery-slider-page-current'); $this.find('.jquery-slider-page:eq(' + (_this.nextAll('.jquery-slider-element').length) + ')').addClass('jquery-slider-page-current'); } settings.slidebefore(_this, $this); if (settings.direction == 'right') { _this.show().css('left', -settings.width); } else { _this.show().css('left', settings.width); } _this.stop(true, true).animate({ 'left' : (settings.direction == 'right' ? '+=' : '-=') + settings.width + 'px' }, { 'duration' : settings.fade, 'complete' : function() { settings.slideafter(_this, $this); $this.removeClass('jquery-slider-sliding'); } }); if (_last) { _last.stop(true, true).animate({ 'left' : (settings.direction == 'right' ? '+=' : '-=') + settings.width + 'px' }, { 'duration' : settings.fade }); } }; var _next = function() { if ($this.hasClass('jquery-slider-sliding')) return; var direction = settings.direction; $this.addClass('jquery-slider-paused'); settings.direction = 'left'; _cycle(); settings.direction = direction; }; var _prev = function() { if ($this.hasClass('jquery-slider-sliding')) return; var direction = settings.direction; $this.addClass('jquery-slider-paused'); settings.direction = 'right'; _cycle(); settings.direction = direction; }; var _init = function() { if (options) { $.extend( settings, options ); } if (settings.hoverPause) { $this.bind({ 'mouseenter': function() { $this.addClass('jquery-slider-paused'); clearTimeout(_timer); }, 'mouseleave': function() { $this.removeClass('jquery-slider-paused'); if (settings.autoplay) { _timer = setTimeout(_cycle, settings.wait); } } }); } var positionEls = $('<span class="jquery-slider-pages"></span>'); $this.addClass('jquery-slider').width(settings.width).height(settings.height); $this.children().each(function() { var $tmp = $(this); _this = $(this).addClass('jquery-slider-element'); positionEls.prepend($('<span class="jquery-slider-page"></span>').bind('click', function() { if ($this.hasClass('jquery-slider-sliding')) return; if (_this.get(0) == $tmp.get(0)) return; _last = _this; _this = $tmp; _draw(); })); }); if (settings.showProgress) { $this.append(positionEls); } if (settings.showControls) { var controlPrev = $('<span class="jquery-slider-control jquery-slider-control-prev">&laquo;</span>').bind('click', function() {_prev();}); var controlNext = $('<span class="jquery-slider-control jquery-slider-control-next">&raquo;</span>').bind('click', function() {_next();}); $this.append(controlPrev); $this.append(controlNext); } if (settings.randomize) { _this = $this.children('.jquery-slider-element').eq(parseInt($this.children('.jquery-slider-element').length * Math.random())); } _cycle(); }; _init(); }; })( jQuery );

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

$('.slider').slick({
autoplay: true,
autoplaySpeed: 7000,
dots: true,

});
main.js に書いた記述を変更したら変わったような気がします。

投稿2022/06/07 18:48

niconic73027793

総合スコア215

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問