teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

コード追記

2020/09/28 09:32

投稿

mmmaaasuu
mmmaaasuu

スコア13

title CHANGED
File without changes
body CHANGED
@@ -20,6 +20,7 @@
20
20
  #fv_slider02{margin: 40px 0 0 0;padding: 100px 0;background:#e5e5e5;}
21
21
  #fv_slider02 div{width: 300px;margin: 0 25px;}
22
22
  #fv_slider02 .slick-list {overflow: visible;}
23
+ #btn {width: 300px;height:100px;margin: 30px auto;}
23
24
  </style>
24
25
 
25
26
  <script>

3

誤字

2020/09/28 09:32

投稿

mmmaaasuu
mmmaaasuu

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ブラウザ幅100%に対して無限ループするスライダーをslickで作りました。
2
- スライダー領域に配置したボタンにオンマウスした時に流れるスピードを早くしたいのですが、やり方お分かりになる方いらっしゃられないでしょうか?
2
+ スライダー近くに配置したボタンにオンマウスした時に流れるスピードを早くしたいのですが、やり方お分かりになる方いらっしゃられないでしょうか?
3
3
 
4
4
  ダメもとでホバー時にclass名の追加、削除で制御できないかなど試しましたがうまくいかず。よろしくお願いいたします。
5
5
  ```

2

コード追記

2020/09/28 08:08

投稿

mmmaaasuu
mmmaaasuu

スコア13

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,26 @@
3
3
 
4
4
  ダメもとでホバー時にclass名の追加、削除で制御できないかなど試しましたがうまくいかず。よろしくお願いいたします。
5
5
  ```
6
+
7
+ <div id="fv_slider02">
8
+ <div><a href="/"><img src="img/01.jpg" alt=""></a></div>
9
+ <div><a href="/"><img src="img/02.jpg" alt=""></a></div>
10
+ <div><a href="/"><img src="img/03.jpg" alt=""></a></div>
11
+ <div><a href="/"><img src="img/04.jpg" alt=""></a></div>
12
+ <div><a href="/"><img src="img/05.jpg" alt=""></a></div>
13
+ <div><a href="/"><img src="img/06.jpg" alt=""></a></div>
14
+ <div><a href="/"><img src="img/07.jpg" alt=""></a></div>
15
+ <div><a href="/"><img src="img/08.jpg" alt=""></a></div>
16
+ </div>
17
+ <div id="btn"><img src="img/btn.jpg" alt=""></div>
18
+
19
+ <style>
20
+ #fv_slider02{margin: 40px 0 0 0;padding: 100px 0;background:#e5e5e5;}
21
+ #fv_slider02 div{width: 300px;margin: 0 25px;}
22
+ #fv_slider02 .slick-list {overflow: visible;}
23
+ </style>
24
+
25
+ <script>
6
26
  $('#fv_slider02').slick({
7
27
  autoplay:true,
8
28
  autoplaySpeed: 0,
@@ -15,4 +35,5 @@
15
35
  swipe:false,
16
36
  pauseOnHover:false,
17
37
  });
38
+ </script>
18
39
  ```

1

情報修正

2020/09/28 08:01

投稿

mmmaaasuu
mmmaaasuu

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,8 +1,8 @@
1
1
  ブラウザ幅100%に対して無限ループするスライダーをslickで作りました。
2
- スライダー領域にオンマウス した時に流れるスピードを早くしたいのですが、やり方お分かりになる方いらっしゃられないでしょうか?
2
+ スライダー領域に配置したボタンにオンマウスした時に流れるスピードを早くしたいのですが、やり方お分かりになる方いらっしゃられないでしょうか?
3
3
 
4
4
  ダメもとでホバー時にclass名の追加、削除で制御できないかなど試しましたがうまくいかず。よろしくお願いいたします。
5
- ```javascript
5
+ ```
6
6
  $('#fv_slider02').slick({
7
7
  autoplay:true,
8
8
  autoplaySpeed: 0,