Bootstrap4 カルーセルが一部ブラウザで動作しない

Bootstrap4のカルーセル（スライド・フェード両方）がChromeとFirefoxで正常に動作しません。
考えられる原因や解決策についてアドバイスをいただければと思い、投稿いたしました。

動作しない現象の詳細

カルーセル～Bootstrap4移行ガイド
こちらのページの見本がいずれも、画像は表示されるのですが、スライドまたはフェードせずパッと次の画像に切り替わります。
スライド・フェードのアニメーション効果をカットしたような動きです。
時間経過の場合も、コントロールやインジケータをクリックした場合も、同様の現象が発生します。

発生環境

Windows10 Home 64bit
最新版Chromeと最新版Firefoxにて動作しない現象が発生、Edgeでは正常に動作します。
なお、Bootstrap3のカルーセルは、上記すべてのブラウザで正常に動作します。

試したこと

(1)Chromeの拡張機能をすべて無効化
→ 変化なし。シークレットウィンドウでも動作しません。
(2)Firefoxのアドオンをすべて無効化
→ 変化なし。当現象の検証のためにインストールしたばかりです。
(3)ウィルス対策ソフトの無効化
→ 変化なし。カスペルスキーを使用しています。

Googleやteratailで検索していますが、同じ現象に見舞われている方がなかなか見つかりません。
確認が必要な点や他に試せることなど、お知恵を拝借できれば幸いです。
どうぞよろしくお願いいたします。

s8_chu

2019/12/09 05:03 編集

以下の手順を試した結果、 Web コンソールには何が表示されるか、スクリーンショットなどで教えていただけませんか？また、以下の手順を終えた後にも問題は再現しますか？ 1. 当該 Web サイトを開く 2. 当該 Web サイトで Ctrl と Shift と K キーを同時に押し Web コンソールを表示し、F1 キーを押す 3. 前の手順を行うと、幾つかのチェックボックスの項目が出てくる。その中の「HTTP キャッシュを無効化」にチェックを入れる。既にチェックが入っていたらそのままにする 4. F1 キーをもう一度押す 5. その状態で F5 キーを押す

uzushio

2019/12/09 05:52

コメントありがとうございます。教えていただいた手順をFirefoxにて試した結果のスクリーンショットが以下になります。 http://xxup.org/9ZZa5.jpg また、Chromeでも類似の手順で試してみました。項目等が英語表記のため自信がないのですが、Network欄の[Disable chache]にチェックを入れました。 http://xxup.org/mFawE.jpg 上記どちらも、手順を終えた後にも問題が再現しました。なにか糸口は見つかりそうでしょうか。恐れ入りますが、ご確認をお願いいたします。

s8_chu

2019/12/09 06:25

はい、質問者さんが試された手順で恐らく間違いはないと思います。また、提示していただいたスクリーンショットを拝見しましたが、特別な問題は見受けられませんでした。こちら ( https://jsfiddle.net/awk6Lszq/show ) に「カルーセル～Bootstrap4移行ガイド」のカルーセルのうちの一つをコピーしました。こちらのページで確認したときにも、スライドのアニメーション効果が無効化されたような動作になりますか？

uzushio

2019/12/09 06:38

ご確認いただきありがとうございます。ご提示いただいたページを拝見したところ、やはりスライドはされず、第1→第2→第3と5秒程の間隔でパッと切り替わります。コントロールとインジケータをクリックしても同じ動作です。 Chromeにて確認し、同じ手順でWebコンソールのスクリーンショットを撮影しました。 http://xxup.org/sdpqL.jpg

s8_chu

2019/12/09 08:01

これでもうまく動作しないということは、恐らくこの問題は Bootstrap の問題ではないと思います。いずれにしても、私では原因を特定することが難しそうです。お役に立てずすみません。私も原因が気になるので、何か進展があった場合には質問文の追記や解決策の回答などをしていただけると助かります。

uzushio

2019/12/10 00:41

おはようございます。 Bootstrapの問題ではないとのご見解から、ブラウザではなくパソコン本体の設定を疑ったところ、原因の特定と解決に至りました。原因はWindowsのアニメーション表示設定をオフにしていたことで、これをオンに切り替えると、Chrome・Firefox共にカルーセルのスライドやフェードが正常に動作することが確認できました。なぜBootstrap4のカルーセル＋ChromeまたはFirefoxでの閲覧という条件に限りこのアニメーション設定が影響するのか、という点は不明ですが、無事解決し安心しました。のちほど改めて自己解決の書き込みを行います。問題が発生するブラウザに偏りがあったために長らくブラウザを疑っておりましたが、s8_chu様がブラウザ側の検証を行ってくださったお蔭で、頭を切り替えることができました。お時間を割いていただき誠にありがとうございました。拍子抜けさせてしまうかもしれない原因および解決方法で恐れ入りますが、お礼と共にご報告申し上げます。