Twitter BootstrapのCarouselがIEで動かないときの対応策

回転木馬
Twitter BootstrapのCarouselをIE9で見ると、アニメーション効果が無く単に画像が切り替わるだけで寂しい感じになってしまいます。(おそらくそれ以前のIEでも)

公式ドキュメントのページを見ても同様な動きをしているので、おそらくそもそも対応していないのでしょう。

何か解決方法はないかと探していたところ、こちらのサイトに対応パッチが出ていたので試してみました。

ページの下の方にある「Bootstrap 2.3 custom Carousel patched for IE」のscript-carousel-ie.jsをダウンロードして、Carouselのあるページに読み込んでみます。

<script type='text/javascript' src='http://example.com/js/script-carousel-ie.js'></script>

無事にCarouselのアニメーションが動きました!

ところで、Carouselって調べたら「回転木馬」のことだったんですね。全然知りませんでした。

動作環境:Twitter Bootstrap Ver2.3.2

photo credit: -RobW- via photopin cc

スポンサーリンク
ad
ad

シェアする

フォローする

スポンサーリンク
ad