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

質問編集履歴

1

情報の追加

2020/06/20 12:40

投稿

cafe1111
cafe1111

スコア62

title CHANGED
File without changes
body CHANGED
@@ -47,4 +47,45 @@
47
47
  <li>
48
48
  <a href="#"><img src="http://localhost:8888/anken/wp-content/uploads" alt=""></a>
49
49
  </li>
50
+ ```
51
+ ```css
52
+ //slick
53
+ .slider{
54
+ width: 100%;
55
+
56
+
57
+ }
58
+
59
+
60
+ .slider li a img{
61
+ display: block;
62
+ background-size: cover;
63
+ width: 100vw;
64
+ height: 40vw;
65
+
66
+
67
+ }
68
+
69
+ ```
70
+ ```js
71
+ //slick
72
+ jQuery(function(){
73
+ jQuery('.slider').slick({
74
+ autoplay:true,
75
+ autoplaySpeed:5000,
76
+ dots:true,
77
+ slidesToShow:1,
78
+ slidesToScroll:1,
79
+ responsive:[
80
+ {
81
+ breakpoint:768,
82
+ settings:{
83
+ slidesToShow:1,
84
+ }
85
+
86
+ },
87
+ ]
88
+ });
89
+ });
90
+
50
91
  ```