rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

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

      Web, Webサービス ,

  • このエントリーをはてなブックマークに追加
  • Pocket

回転木馬
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

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

面接NG
ツイートがバズった「面接NG.txt」の話から考えたこと

photo credit: Alex E. Proimos via photop …

アドベントカレンダー
今年参加したアドベントカレンダーのふりかえり

クリスマスとともに今年のアドベントカレンダーも終わってしまいましたね。昨年のよう …

Tシャツ
オリジナルTシャツが簡単に作れるtmixでTシャツを注文してみました

日に日に寒さも増し、なんだか年末の空気が漂う季節になってきましたね。。 さてそん …

feedly
feedlyで何人にRSS購読されているか簡単に調べられるWebサービス

ブログを運営していると、とかく色々な数字が気になってきますよね。。 どれだけ自分 …

絵の具
サクラクレパスのライセンス商品がかわいすぎる件について

・パッケージの再現度まで完璧ーっ! あの『サクラクレパス』がタオルになっちゃった …

ブラスバンド
【#ブラバン甲子園】高校野球観戦のお供にブラバン応援ツイート中継「ブラバンde甲子園」がマニアックで面白い!

日々熱戦が繰り広げられている夏の甲子園、きっとみなさんも地元校や贔屓校の応援で盛 …

アクセス解析
先月の結果は?2015年4月のAnalyticsアクセス数レポートです。

毎月公開しております当ブログのアクセス解析レポート、2015年4月分を紹介します …

思い出の記事
当ブログから2014年思い出の記事ベスト10を選んでみました

この記事を見てこれいいな〜と思ったので、似たようなことをやってみたいと思います。 …

SUPOCON
「SUPOCON(スポコン)」というスポーツ系動画メディアサイトを公開してみました

「SUPOCON(スポコン)」という、スポーツ動画を集めたサイトを公開してみたの …

ブログ
今年の目標ブログ記事数を100→150に上方修正してみる

そういえば、今年1月にこんなことをつぶやいていたことをふと思い出しました。 今年 …