-
ID:AOe/X3 さんの質問

Bootstrap3のカルーセルですが、ie9以下でJSエラーが出て表示されません。
(Bootstrapのデフォルトテンプレート)
どうしたらie8以上でカルーセルが表示されますか?

またie7~9だけ、静止画像1枚(カルーセルにしない)に差し替えする方法を教えてほしいです。

みんなの回答 3 件

ID:9UPjX1 さんの回答

JSエラーの内容がわからないのでなんともいえない。
IE7から9まで分岐したいならコンディショナルコメント使うのが楽じゃないかな。JSでもできるけど。

ID:XeTp0l

ありがとうございます。
bootstrapのサイトにあるbaseテンプレートに、サイトにあるカルーセルのタグを追加。
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<script src="js/html5shiv.js"></script>
<![endif]-->
追記。

JSでie9以下に対応しているサイトもありますのでそのあたりが知りたかったのです。
検索すると、英語での対策方法は出てきますが、あまり英語は得意でないのでどなたか教えてほしかったのですが、またいくつか試してみます。

ありがとうございました。

ID:qcLpRN さんの回答

IE8&9では「アニメーションしない」とマニュアルに書いてあるが。表示そのものはするみたいだけど。

ID:AOe/X3

respond.min.jsに問題がある様ですので一度入れ替えてみたらie8と9はアニメーション無で表示はされました。ie7は相変わらずエラー画面しか出ませんが、英語サイトGoogle先生でトライしてみます。respond.min.jsの6行目~エラー見たいですが、実機検証ではないので何とも言えないです。詳しい人いたらご教授くだされ!

ID:RtNT85

IE7はそもそもサポート外。英語がんがれ。

ID:MtJnP4 さんの回答

2使え

ID:AOe/X3
  • ・・・ie8以下をこの世から削除してほしい
ID:ooW.UN

IE7以下を考慮しなくていいようになっただけでも良かったじゃん。
IE6、IE7対応を思い出すと辛い過去しかなかったよ…

ID:AOe/X3

ie-bootstrao-carousel.min.js見つけたので、読み込見込んだが、カルーセルはあまりなめらかな動きとは言えない!
微妙に動きが出た感じ。切り替わり方がスムーズで無い。
ところがどっこい、新たなバグ発見。
これを入れると、下に横並びのバナーが3つあったのが、
ナント1列の縦並びになって伸びきっている。
え~と思いきやie9まではきれいに3列。
こんな事して時間食う位なら、最初からbootstrap使わずにコーディングしていた方が早かった。残念。

ID:AOe/X3

やっとでけた。カルーセルはflexsliderに入れ替え、ie7でもスムーズです。

最終更新日:2014-09-19 (4,342 views)

関連するトピックス

ページ上部に戻る