画像関連
【Rimg】表示サイズに最適な画像・背景画像を表示するレスポンシブ対応の軽量スクリプト

http://joeyvandijk.github.io/rimg/
Demo Page Download Page

単独で動くスクリプトです。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

レスポンシブ

設置方法などの参考ページ

[JS]幅広いブラウザをサポート！表示サイズに最適な画像・背景画像を表示するレスポンシブ対応の軽量スクリプト -Rimg

http://coliss.com/articles/build-websites/operation/javascript/js-rimg.html

ページが読み込まれた時にDOMを調査してimg要素を自動で探し、設定したブレイクポイントに応じて最適な画像ファイルを表示するスクリプトを紹介します。 SVGとPNGが混在しているページでも無問題、SV

公開日：2015.03.10

Related Posts

http://toddmotto.com/labs/superbox/
【Superbox】レスポンシブ対応、Lightbox風のjQueryギャラリープラグイン
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html#blossom
【jQuery RWD Image Maps】クリッカブルマップをレスポンシブにする
http://jonom.github.io/jquery-focuspoint/demos/grid/lizard.html
【jquery-focuspoint】フォーカスポイントを決めて、ポイントを中心に切り抜くjQueryプラグイン
http://dev.twoblok.es/data-img/
【data-Img】レスポンシブ対応した画像表示を実装できるjQueryプラグイン
http://filamentgroup.com/examples/responsive-images/
【Responsive Images】画面サイズによって読み込むイメージを切り替えてくれるjQueryプラグイン
http://johnpolacek.github.io/imagefill.js/responsive.html
【imagefill】画像サイズをレスポンシブ化させるjQueryプラグイン
http://dropthebit.com/demos/photobox/
【Photobox】スマートフォンにも対応したレスポンシブギャラリーjQueryプラグイン
http://responsiveslides.com/
【ResponsiveSlides.js】レスポンシブ対応のスライドショーを実装するjQueryプラグイン
http://dimsemenov.com/plugins/magnific-popup/
【Magnific Popup】レスポンシブ対応のjQuery Lightboxプラグイン
http://photoswipe.com/
【PhotoSwipe】シンプルなフォトギャラリーjQueryプラグイン

Page Top