質問編集履歴

1

とりあえず試したこと その2

2018/11/13 06:23

投稿

Kuriii
Kuriii

スコア13

title CHANGED
File without changes
body CHANGED
@@ -44,4 +44,43 @@
44
44
  $('.slick-dots li').clickortouch(function(){
45
45
  $('.slider').slick('slickSetOption', 'autoplay', false, true);
46
46
  });
47
+ ```
48
+
49
+ ### 最終的に試したこと
50
+
51
+ ```ここに言語名を入力
52
+ $('.slider').slick({
53
+ infinite: true,
54
+ dots: true,
55
+ slidesToShow: 1,
56
+ centerMode: true,
57
+ centerPadding:'0',
58
+ variableWidth: true,
59
+ autoplay: true,
60
+ autoplaySpeed: 3000,
61
+ speed: 1000,
62
+ waitForAnimate: false
63
+ });
64
+
65
+ $(window).on('load resize', function() {
66
+ var windowWidth = window.innerWidth;
67
+
68
+ if (windowWidth < 960) {
69
+ $('.slider').slick('slickSetOption', 'variableWidth', false, true);
70
+ } else {
71
+ $('.slider').slick('slickSetOption', 'variableWidth', true, true);
72
+ }
73
+ });
74
+
75
+ var ua = navigator.userAgent;
76
+ if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
77
+ $('.slick-dots li').clickortouch(function(){
78
+ $('.slider').slick('slickSetOption', 'autoplay', false, true);
79
+ });
80
+ } else {
81
+ $(document).on('click', '.slick-dots li button', function() {
82
+ $('.slider').slick('slickPause');
83
+ $('.slider').slick('slickSetOption', 'autoplay', false, true);
84
+ });
85
+ }
47
86
  ```