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

  関連記事

アドベントカレンダー
2015年のアドベントカレンダー活動を振り返ってみた

年末恒例のアドベントカレンダーも、クリスマスの終わりとともに閉幕しました。 毎年 …

固定ツイート
Twitterで告知やプロモーションをするのに固定ツイートを活用してみる方法

Twitter を告知やプロモーションのツールとして利用している方は多いかと思い …

ドメイン
まだtest.comやaaa.comをテストデータに使うのはやめましょうという話

Web システム開発時のテストデータを作成する時、また各種ドキュメントを書いてい …

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

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

アドベントカレンダー
アドベントカレンダー2014の登録が続々始まってます。今年は何に参加しようかな。

もう11月か早いなあ・・・と耽っていたのも束の間、ネット上でははやアドベントカレ …

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

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

notify_from_wp
WordPressからLINE Notifyにメッセージを通知してみた

先日いじってみた LINE Notify が面白かったので、今度は WordPr …

アクセス解析
当ブログの月間アクセス数が気付いたら1万PVを超えてたので公開してみます!

このブログを開設してからはや3年半ほど経過していたようですが、長い年月をかけてよ …

LINE Notify
手軽にLINEにメッセージ通知できるLINE Notifyを試してみました

先日の「LINE DEVELOPER DAY 2016」で発表された LINE …

だるまどり
当ブログの昨年ふりかえり&今年の目標です

もう一月も後半に差し掛かる中ですが、ようやくこのブログの今年初エントリとなりまし …