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

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

73 usersがブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

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

2015/03/01 リンク

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

2015/02/15 リンク

kussun srcset属性を利用。

2015/02/14 リンク

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

JS

2015/02/13 リンク

hedeyoshi ほーらかるーいかるーい。ｷｬｯｷｬｯ

2015/02/13 リンク

nors https://github.com/joeyvandijk/rimg

2015/02/13 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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

ページが読み込まれた時にDOMを調査してimg要素を自動で探し、設定したブレイクポイントに応じて最適な... ページが読み込まれた時にDOMを調査してimg要素を自動で探し、設定したブレイクポイントに応じて最適な画像ファイルを表示するスクリプトを紹介します。 SVGとPNGが混在しているページでも無問題、SVGはベクターなのでそのまま拡大、PNGはそのサイズ用の画像ファイルを表示する賢い仕様になっています。 Rimg -GitHub Rimgの特徴 Rimgのデモ Rimgの使い方 Rimgの特徴 100%フロントエンドのコード（バックエンドは一切無し）。単独で利用できるスクリプト、jQueryなどは必要ありません。しかも、超軽量（6.0KB）。 UA判定やクッキーなど、環境に依存して判定するものは使用していません。画像や背景画像をレスポンシブ対応にし、最適な画像を表示します（Retinaディスプレイ、リサイズ対応）。スクロールして画像が表示されたらロードするLazy Loadに対応。ス

ブックマークしたユーザー

ai55ai2015/03/02
ebisu3htn2015/03/01
kopenne2015/02/20
potato22772015/02/18
gotack2015/02/17
saladdays2015/02/16
highpress2015/02/16
planbworks2015/02/16
gontaworks2015/02/16
speena552015/02/15
karasunekoneko2015/02/15
n_waka2015/02/14
kuroaka18712015/02/14
Babar_Japan2015/02/14
kussun2015/02/14
masamizo2015/02/14
fwd00392015/02/14
wirknichtvoraus2015/02/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx