jQueryがいらないということで、
SliderといえばSwiperを使っている私ですが、
先日
「IEでみれないよ！」
とクライアントさんに言われて、
マジでと思って調べたら、なんと
Swiper最新版はIE非対応
ということが分かりました。
ググったら何とか対処法を見つけました。
どうやら最新が５系のところ４系にダウングレードしたらIEでも使えるようです。
ですが、サムネイル付きsliderを設置していると、
旧バージョン４系だとサムネイル非選択時は透過40％に対して
選択時は100％になるところが全然ならない。
他のブラウザもならない。
どうやら、４系はそういうのがないみたいで。
ジャバスクリプト駆使して、ユーザーエージェントでIE判別、IEの時は４系JSとCSSを使用、そのほかのブラウザでは最新５系を使用…
というようにしたのですが、
なんかいろいろやっているうちに、
- ５系のJS使用して
- ４系のCSS使ったら
ちゃんと選択部分100％になったんですよね。
めっちゃ謎。
仕組み謎。
以上、メモ書き
時間あったら詳細いろいろつぎたそう…