前回は、ソーシャルボタンをまとめて設置ができるプラグイン「jQuery.socialbutton」を使用しましたが、今回はレスポンシブレイアウトなどで使用する画像をふりわけるプラグインを使用して画像の切り替えを行います。 PCとスマートフォンなどのモバイル端末でレイアウトを最適化させる為の手法のひとつとしてレスポンシブレイアウトが使われるようになっているが、同じソースコードしてCSSなどでレイアウトを変更させるので作成は比較的用意だが、なにもしない場合は画像は双方で使用されてしまうため、グラフィックを多用するサイトではレイアウトは最適化してもデータ量は同じものとなってしまう。そこでデバイスによって使用する画像を切替えるようにしてスマートフォンでは軽量な画像を自動的に振り分けるようにしてみる。 今回作成したサンプル 【サンプル】PCとスマートフォンで画像を切り替える http://www.h