スライダーのスピード設定をいじってみたのですが、変化がみられません。
記述の仕方がまちがっているのでしょうか?
'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">«</span>').bind('click', function() {_prev();}); var controlNext = $('<span class="jquery-slider-control jquery-slider-control-next">»</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 );
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。