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

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

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

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

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

[html]
<script type=’text/javascript’ src=’http://example.com/js/script-carousel-ie.js’></script>
[/html]

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

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

動作環境:Twitter Bootstrap Ver2.3.2

photo credit: -RobW- via photopin cc

この記事を書いた人

ko31

岩手県出身、群馬県在住のフリーランスWeb系エンジニアです。
Webシステム・アプリ、Webサービス、WordPress開発等を雑多にこなしています。バンカラ応援好きの振り飛車党。
PHP / WordPress / 高校野球 / 将棋 / WordPress / ブログ / 食べること / 二児の父親

>>もっと詳しいプロフィールはこちら

お仕事のご相談・お問い合わせ

当ブログの管理人は、Gosign(ゴーサイン)という屋号でフリーランス Web エンジニアとして活動しています。
ブログの掲載内容はもちろん、Web サイト制作や Web アプリケーション開発などのご相談・ご質問がありましたら、どうぞお気軽にお問い合わせください!

合わせて読みたい記事