質問編集履歴

3

閉じてみましたが、合っていますでしょうか。。。最新版だとswiper-containerではなくswiperみたいなので、containerを外してみました。

2021/10/18 11:09

投稿

KOI02
KOI02

スコア1

test CHANGED
File without changes
test CHANGED
@@ -234,181 +234,181 @@
234
234
 
235
235
  $( function() {
236
236
 
237
- const swiper = new Swiper('.swiper-container1', {
237
+ const swiper = new Swiper('.swiper1', {
238
-
239
-
240
-
238
+
241
- speed: 600,
239
+ speed: 600,
242
-
240
+
243
- autoplay:true,
241
+ autoplay: true,
244
-
242
+
245
- loop: true,
243
+ loop: true,
246
-
247
-
248
-
244
+
245
+
246
+
249
- pagination: {
247
+ pagination: {
248
+
249
+ el: '.swiper-pagination',
250
+
251
+ },
252
+
253
+
254
+
255
+ // Navigation arrows
256
+
257
+ navigation: {
258
+
259
+ nextEl: '.swiper-button-next',
260
+
261
+ prevEl: '.swiper-button-prev',
262
+
263
+ },
264
+
265
+ }
266
+
267
+ ),
268
+
269
+
270
+
271
+ const swiper = new Swiper('.swiper2', {
272
+
273
+ speed: 600,
274
+
275
+ autoplay: true,
276
+
277
+ loop: true,
278
+
279
+
280
+
281
+ pagination: {
250
282
 
251
283
  el: '.swiper-pagination',
252
284
 
253
- },
285
+ },
254
-
255
-
256
-
286
+
287
+
288
+
257
- // Navigation arrows
289
+ // Navigation arrows
258
-
290
+
259
- navigation: {
291
+ navigation: {
260
292
 
261
293
  nextEl: '.swiper-button-next',
262
294
 
263
295
  prevEl: '.swiper-button-prev',
264
296
 
265
- },
266
-
267
- },
268
-
269
-
270
-
271
- const swiper = new Swiper('.swiper-container2', {
272
-
273
-
274
-
275
- speed: 600,
276
-
277
- autoplay:true,
278
-
279
- loop: true,
280
-
281
-
282
-
283
- pagination: {
284
-
285
- el: '.swiper-pagination',
286
-
287
- },
288
-
289
- },
290
-
291
-
292
-
293
- // Navigation arrows
294
-
295
- navigation: {
296
-
297
- nextEl: '.swiper-button-next',
298
-
299
- prevEl: '.swiper-button-prev',
300
-
301
- },
302
-
303
- },
304
-
305
-
306
-
307
-
308
-
309
- const swiper = new Swiper('.swiper-container3', {
310
-
311
-
312
-
313
- speed: 600,
314
-
315
- autoplay:true,
316
-
317
- loop: true,
318
-
319
-
320
-
321
- pagination: {
322
-
323
- el: '.swiper-pagination',
324
-
325
- },
326
-
327
-
328
-
329
- // Navigation arrows
330
-
331
- navigation: {
332
-
333
- nextEl: '.swiper-button-next',
334
-
335
- prevEl: '.swiper-button-prev',
336
-
337
- },
338
-
339
- },
340
-
341
-
342
-
343
- const swiper = new Swiper('.swiper-container4', {
344
-
345
-
346
-
347
- speed: 600,
348
-
349
- autoplay:true,
350
-
351
- loop: true,
352
-
353
-
354
-
355
- pagination: {
356
-
357
- el: '.swiper-pagination',
358
-
359
- },
360
-
361
- },
362
-
363
-
364
-
365
- // Navigation arrows
366
-
367
- navigation: {
368
-
369
- nextEl: '.swiper-button-next',
370
-
371
- prevEl: '.swiper-button-prev',
372
-
373
- },
374
-
375
- },
376
-
377
-
378
-
379
- const swiper = new Swiper('.swiper-container5', {
380
-
381
-
382
-
383
- speed: 600,
384
-
385
- autoplay:true,
386
-
387
- loop: true,
388
-
389
-
390
-
391
- pagination: {
392
-
393
- el: '.swiper-pagination',
394
-
395
- },
396
-
397
-
398
-
399
- // Navigation arrows
400
-
401
- navigation: {
402
-
403
- nextEl: '.swiper-button-next',
404
-
405
- prevEl: '.swiper-button-prev',
406
-
407
- },
408
-
409
- },
410
-
411
- } );
297
+ },
298
+
299
+ }
300
+
301
+ ),
302
+
303
+
304
+
305
+
306
+
307
+ const swiper = new Swiper('.swiper4', {
308
+
309
+ speed: 600,
310
+
311
+ autoplay: true,
312
+
313
+ loop: true,
314
+
315
+
316
+
317
+ pagination: {
318
+
319
+ el: '.swiper-pagination',
320
+
321
+ },
322
+
323
+
324
+
325
+ // Navigation arrows
326
+
327
+ navigation: {
328
+
329
+ nextEl: '.swiper-button-next',
330
+
331
+ prevEl: '.swiper-button-prev',
332
+
333
+ },
334
+
335
+ }
336
+
337
+ ),
338
+
339
+
340
+
341
+
342
+
343
+ const swiper = new Swiper('.swiper5', {
344
+
345
+ speed: 600,
346
+
347
+ autoplay: true,
348
+
349
+ loop: true,
350
+
351
+
352
+
353
+ pagination: {
354
+
355
+ el: '.swiper-pagination',
356
+
357
+ },
358
+
359
+
360
+
361
+ // Navigation arrows
362
+
363
+ navigation: {
364
+
365
+ nextEl: '.swiper-button-next',
366
+
367
+ prevEl: '.swiper-button-prev',
368
+
369
+ },
370
+
371
+ }
372
+
373
+ ),
374
+
375
+
376
+
377
+
378
+
379
+ const swiper = new Swiper('.swiper6', {
380
+
381
+ speed: 600,
382
+
383
+ autoplay: true,
384
+
385
+ loop: true,
386
+
387
+
388
+
389
+ pagination: {
390
+
391
+ el: '.swiper-pagination',
392
+
393
+ },
394
+
395
+
396
+
397
+ // Navigation arrows
398
+
399
+ navigation: {
400
+
401
+ nextEl: '.swiper-button-next',
402
+
403
+ prevEl: '.swiper-button-prev',
404
+
405
+ },
406
+
407
+ }
408
+
409
+ )
410
+
411
+ }),
412
412
 
413
413
 
414
414
 

2

JSの括弧を修正

2021/10/18 11:09

投稿

KOI02
KOI02

スコア1

test CHANGED
File without changes
test CHANGED
@@ -264,6 +264,8 @@
264
264
 
265
265
  },
266
266
 
267
+ },
268
+
267
269
 
268
270
 
269
271
  const swiper = new Swiper('.swiper-container2', {
@@ -284,6 +286,8 @@
284
286
 
285
287
  },
286
288
 
289
+ },
290
+
287
291
 
288
292
 
289
293
  // Navigation arrows
@@ -296,6 +300,8 @@
296
300
 
297
301
  },
298
302
 
303
+ },
304
+
299
305
 
300
306
 
301
307
 
@@ -330,6 +336,8 @@
330
336
 
331
337
  },
332
338
 
339
+ },
340
+
333
341
 
334
342
 
335
343
  const swiper = new Swiper('.swiper-container4', {
@@ -350,6 +358,8 @@
350
358
 
351
359
  },
352
360
 
361
+ },
362
+
353
363
 
354
364
 
355
365
  // Navigation arrows
@@ -362,6 +372,8 @@
362
372
 
363
373
  },
364
374
 
375
+ },
376
+
365
377
 
366
378
 
367
379
  const swiper = new Swiper('.swiper-container5', {
@@ -394,6 +406,8 @@
394
406
 
395
407
  },
396
408
 
409
+ },
410
+
397
411
  } );
398
412
 
399
413
 

1

Markdown記法で再記しました!(過不足ありましたらご教授いただけますでしょうか。)是非ご尽力いただければ幸いです。

2021/10/18 04:44

投稿

KOI02
KOI02

スコア1

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,11 @@
28
28
 
29
29
  ### 該当のソースコード
30
30
 
31
- HTML
31
+ ```HTML
32
+
33
+
34
+
35
+
32
36
 
33
37
 
34
38
 
@@ -160,11 +164,15 @@
160
164
 
161
165
 
162
166
 
163
- ↓css```ここに言語を入力
164
-
165
- コード
167
+ ```
166
-
168
+
169
+
170
+
167
- `
171
+ ```CSS
172
+
173
+ @charset "UTF-8";
174
+
175
+
168
176
 
169
177
  .swiper-container{
170
178
 
@@ -216,12 +224,14 @@
216
224
 
217
225
 
218
226
 
219
- ↓JS```ここに言語を入力
227
+
220
-
221
- コード
222
228
 
223
229
  ```
224
230
 
231
+ ```JavaScript
232
+
233
+
234
+
225
235
  $( function() {
226
236
 
227
237
  const swiper = new Swiper('.swiper-container1', {
@@ -390,6 +400,14 @@
390
400
 
391
401
 
392
402
 
403
+ ```
404
+
405
+
406
+
407
+
408
+
409
+
410
+
393
411
 
394
412
 
395
413
  ### 試したこと