IEでSwiperが動かないときの対処法

2020.10.30|サイト構築

jQueryがいらないということで、
SliderといえばSwiperを使っている私ですが、
先日

「IEでみれないよ!」

とクライアントさんに言われて、
マジでと思って調べたら、なんと

Swiper最新版はIE非対応

ということが分かりました。

ググったら何とか対処法を見つけました。
どうやら最新が5系のところ4系にダウングレードしたらIEでも使えるようです。

ですが、サムネイル付きsliderを設置していると、
旧バージョン4系だとサムネイル非選択時は透過40%に対して
選択時は100%になるところが全然ならない。

他のブラウザもならない。

どうやら、4系はそういうのがないみたいで。
ジャバスクリプト駆使して、ユーザーエージェントでIE判別、IEの時は4系JSとCSSを使用、そのほかのブラウザでは最新5系を使用…

というようにしたのですが、

なんかいろいろやっているうちに、

  • 5系のJS使用して
  • 4系のCSS使ったら

ちゃんと選択部分100%になったんですよね。

めっちゃ謎。
仕組み謎。

以上、メモ書き
時間あったら詳細いろいろつぎたそう…