質問編集履歴

1

やってみたことを、追記させて戴きました。失礼致しました。

2021/01/29 02:54

投稿

nomura02
nomura02

スコア133

test CHANGED
File without changes
test CHANGED
@@ -350,6 +350,64 @@
350
350
 
351
351
  ```
352
352
 
353
+ 0. 該当のCSSに、display:none;を付けました。そして、JSでfadeIn(0)という設定をし、すぐに出てくるようにしてみました⇒失敗
354
+
355
+ 0. Jqueryの読みこみを、CDNではなく、ダウンロードデータにし、最新を読みこみました。⇒失敗
356
+
357
+ 0. 他にも読みこんでいるプラグインがあるので、head内のAnimsitionデータのCSSを、メインのCSSの下に、JSの読み込み位置Jqueryのすぐ下に持ってきました。⇒失敗
358
+
359
+ ```HTML
360
+
361
+ <!--- CSS
362
+
363
+ ================================================== -->
364
+
365
+ <!-- originalCSS -->
366
+
367
+ <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8">
368
+
369
+ ここに⇒ <!-- animsition -->
370
+
371
+ <link rel="stylesheet" href="css/animsition.min.css">
372
+
373
+ <!-- swiper -->
374
+
375
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.css">
376
+
377
+ <!-- zoomslider -->
378
+
379
+ <link rel="stylesheet" href="js/dist/zoomslider.css">
380
+
381
+
382
+
383
+
384
+
385
+ <!-- script
386
+
387
+ ================================================== -->
388
+
389
+ <!-- JQuery -->
390
+
391
+ <script src="js/jquery-3.5.1.min.js"></script>
392
+
393
+ ここに⇒ <!-- animsition -->
394
+
395
+ <script src="js/animsition.min.js"></script>
396
+
397
+ <!-- swiper -->
398
+
399
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.5/swiper-bundle.min.js"></script>
400
+
401
+ <!-- scrollreveal -->
402
+
403
+ <script src="https://cdn.jsdelivr.net/scrollreveal.js/3.0.3/scrollreveal.min.js"></script>
404
+
405
+ <script src="https://unpkg.com/scrollreveal"></script>
406
+
407
+ ```
408
+
409
+
410
+
353
411
  ### 補足情報
354
412
 
355
413
  XAMPPにファイルをおいて、locallhostでテストしてるのですが