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

PHPが好きなWeb系エンジニアです。フリーランスでWebサイト制作やWordPressのカスタマイズ、システム開発等を雑多にこなしています。バンカラ応援好きの振り飛車党。 高校野球 / 将棋 / WordPress / ブログ / 食べること / 二児の父親 >>詳しいプロフィールはこちら