質問編集履歴

3

追記

2020/06/17 05:35

投稿

hanayammmm
hanayammmm

スコア9

test CHANGED
File without changes
test CHANGED
@@ -30,6 +30,16 @@
30
30
 
31
31
  .
32
32
 
33
+ <link rel="stylesheet" href="css/reset.css">
34
+
35
+ <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
36
+
37
+ <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
38
+
39
+ <!--↑slickです。-->
40
+
41
+
42
+
33
43
  <link rel="stylesheet" type="text/css" href="fullcalendar/fullcalendar.css">
34
44
 
35
45
  <script src="fullcalendar/lib/moment.min.js"></script>
@@ -92,6 +102,54 @@
92
102
 
93
103
 
94
104
 
105
+ <body>
106
+
107
+ <ul class="fv-slider">
108
+
109
+ <li><img class="slider" src="images/home/fv01.jpg" alt=""></li>
110
+
111
+ <li><img class="slider" src="images/home/fv02.jpg" alt=""></li>
112
+
113
+ <li><img class="slider" src="images/home/fv05.jpg" alt=""></li>
114
+
115
+ </ul>
116
+
117
+
118
+
119
+ <ul class="responsive">
120
+
121
+ <li class="item">
122
+
123
+ <img class="img" src="images/home/lineup_img02.jpg" alt="">
124
+
125
+ <h3 class="name text-center">○○</h3>
126
+
127
+ <p class="txt">○○</p>
128
+
129
+ </li>
130
+
131
+ <li class="item">
132
+
133
+ <img class="img" src="images/home/lineup_img03.jpg" alt="">
134
+
135
+ <h3 class="name">○○</h3>
136
+
137
+ <p class="txt">○○</p>
138
+
139
+ </li>
140
+
141
+ <li class="item">
142
+
143
+ <img class="img" src="images/home/lineup_img01.jpg" alt="">
144
+
145
+ <h3 class="name">○○</h3>
146
+
147
+ <p class="txt">○○</p>
148
+
149
+ </li>
150
+
151
+ </ul>
152
+
95
153
  <section>
96
154
 
97
155
  <h3>カレンダー</h3>
@@ -100,6 +158,104 @@
100
158
 
101
159
  </section>
102
160
 
161
+
162
+
163
+
164
+
165
+ </footer>
166
+
167
+
168
+
169
+ <--slickです↓-->
170
+
171
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
172
+
173
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
174
+
175
+
176
+
177
+
178
+
179
+ <script type="text/javascript">
180
+
181
+ $(function(){
182
+
183
+ $('.fv-slider').slick({
184
+
185
+ autoplay: true,
186
+
187
+ infinite: true,
188
+
189
+ speed: 500,
190
+
191
+ fade: true,
192
+
193
+ cssEase: 'linear',
194
+
195
+ arrows: false,
196
+
197
+ });
198
+
199
+ });
200
+
201
+
202
+
203
+ /*lineup*/
204
+
205
+
206
+
207
+
208
+
209
+ $('.responsive').slick({
210
+
211
+ slidesToShow: 3,
212
+
213
+ dots: true,
214
+
215
+ dotsClass: 'slick-dots',
216
+
217
+ arrows: true,
218
+
219
+ responsive: [
220
+
221
+ {
222
+
223
+ breakpoint: 768,
224
+
225
+ settings: {
226
+
227
+ arrows: false,
228
+
229
+ }
230
+
231
+ },
232
+
233
+ {
234
+
235
+ breakpoint: 640,
236
+
237
+ settings: {
238
+
239
+ slidesToShow: 1,
240
+
241
+ arrows: false,
242
+
243
+ dots: false,
244
+
245
+ }
246
+
247
+ },
248
+
249
+ ]
250
+
251
+
252
+
253
+ });
254
+
255
+ </script>
256
+
257
+ </body>
258
+
103
259
  ```
104
260
 
105
261
 

2

追記

2020/06/17 05:35

投稿

hanayammmm
hanayammmm

スコア9

test CHANGED
File without changes
test CHANGED
@@ -111,3 +111,9 @@
111
111
 
112
112
 
113
113
  ソースコードを</body>直前にもっていったりしましたがでてこないんですよね。正しく読み込めてないのでしょうか....
114
+
115
+ 【追記】
116
+
117
+ ファイル、フォルダともに存在しています。ちなみに、今作っているものとは別に新規でhtmlにfullcalendarに必要な内容のみコピペしたところ、表示されました。
118
+
119
+ ※関係ないかもしれませんが、slickスライダーも読み込んでいます。

1

追記

2020/06/16 15:12

投稿

hanayammmm
hanayammmm

スコア9

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,13 @@
6
6
 
7
7
  ネットで紹介させている方法などでやってみたのですが、カレンダー自体が表示されません。
8
8
 
9
+ 【追記】
9
10
 
11
+ fullcalendarのバージョンは3.9.0を使用しています。
12
+
13
+ 本当は最新版を使いたいなとおもっていたんですが(特に意味はなく、最新のほうがいいかな?程度の気持ち)
14
+
15
+ 難しかったので、ネットで紹介されていた方と同じバージョンでやってみました。すみません、初心者すぎて....
10
16
 
11
17
 
12
18