breakpoints.jsを使用したレスポンシブでの画像切り替えbreakpoints.jsを使用したレスポンシブでの画像切り替え PCは横長なので画像も横長に作成することが多いですね。しかし、レスポンシブでスマートフォンに対応した場合は、横長画像だとよくわからなくなってしまいます。 「breakpoints.js」を使用すれば割りとお手軽にPC用とスマホ用の画像を切替えできますよ。 投稿日2013年07月30日 更新日2013年07月30日 ベースのimgを置き換える方法 htmlではPC用の画像を配置して、クラスを「sp-img」としておきます。 html <img src="img/image-pc.png" class="sp-img"> 「640」をブレークポイントにしますので「breakpoints」オプションに[ 1, 640 ]と指定します。 また、ブレークポイントの数だけ「$(window).bind」の部分を追加します。 javas
