回答編集履歴

1

コード追加

2020/09/28 09:47

投稿

kuma_kuma_
kuma_kuma_

スコア2506

test CHANGED
@@ -7,3 +7,89 @@
7
7
  スピードを早くしたいならフォーカスイベント取得で
8
8
 
9
9
  speedの値変化させればよいのだけれども早くするの?
10
+
11
+
12
+
13
+ 追記
14
+
15
+ 結局speedの値変更しても応答まで時間が2~5秒ぐらいかかってしまったので
16
+
17
+ 一度リセットして再設定にしました。
18
+
19
+ ほかは質問にあった内容と同じです。
20
+
21
+ ```javascript
22
+
23
+ $(function () {
24
+
25
+ // slickの設定
26
+
27
+ function slickinit(spped){
28
+
29
+ return {
30
+
31
+ autoplay:true,
32
+
33
+ autoplaySpeed: 0,
34
+
35
+ cssEase: 'linear',
36
+
37
+ speed: spped,
38
+
39
+ dots:false,
40
+
41
+ arrows:true,
42
+
43
+ initialSlide:0,
44
+
45
+ touchMove:false,
46
+
47
+ swipe:false,
48
+
49
+ pauseOnHover:false,
50
+
51
+ }
52
+
53
+ }
54
+
55
+
56
+
57
+ // 初期設定
58
+
59
+ $('#fv_slider02').slick(slickinit(5000));
60
+
61
+
62
+
63
+ // マウスオーバー
64
+
65
+ $('#btn').mouseover(function(e) {
66
+
67
+ $('#fv_slider02').slick('unslick'); // 設定をリセット
68
+
69
+ $('#fv_slider02').slick(slickinit(50)); // 再設定
70
+
71
+ //$('#fv_slider02').slick('slickSetOption', 'speed', 50, false); /* こっちだと反応が遅い */
72
+
73
+ console.log("mouseover");
74
+
75
+ });
76
+
77
+ // マウスアウト
78
+
79
+ $('#btn').mouseout(function(e) {
80
+
81
+ $('#fv_slider02').slick('unslick'); // 設定をリセット
82
+
83
+ $('#fv_slider02').slick(slickinit(5000)); // 再設定
84
+
85
+ //$('#fv_slider02').slick('slickSetOption', 'speed', 5000, false); /* こっちだと反応が遅い */
86
+
87
+ console.log("mouseout");
88
+
89
+ });
90
+
91
+
92
+
93
+ });
94
+
95
+ ```