前の記事 ≪:レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lig...
次の記事 ≫:通貨フォーマット変換ができてサイトの国際化に使える「accounting.js」

画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」

2014年03月11日-はてなブックマーク

スポンサード リンク

Data Img - Two Blokes

画像表示をレスポンシブ対応にするjQueryプラグイン「Data Img」
単に横方向に拡大・縮小するだけのレスポンシブ対応ならCSSで出来ますが(Bootstrapのimg-responsiveみたく)、
幅に応じて複数の画像を切り替えたいような場合に、使えます。単なる縮小だと文字が小さくなりすぎて読めないなんて場合に別の画像を使うことも考えられますが、そういったケースに使えるプラグインとなります

マークアップ的には次のように複数の画像を指定してプラグイン初期化する感じの使い方みたいです



関連エントリ

スポンサード リンク

By.KJ : 2014年03月11日 09:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)