レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」

Ads

TwicPics Placeholders


TwicPics Placeholdersはレスポンシブ対応の動的なダミー画像を提供するWebサービスです。

上サンプルはリサイズ出来るようになっています。ただ、ダミー画像のサイズ変更にタイムラグがある場合があります。

使い方も非常にシンプルでユーザー登録も不要、無料で誰でも利用可能です。

Ads

使い方

<script src="https://i.twic.pics/?v1" async></script>

まず上記のスクリプトを読み込みます。

<img class="twic" data-src="placeholder:auto">

そして、imgタグにtwicという名のclassとカスタムデータ属性を持たせたダミー画像を用意します。これだけで、包括要素やモニタのサイズに応じて可変するダミー画像を用意する事が出来ます。

前述通り、APIの為にユーザー登録をする等の必要もなく、誰でも無料で利用する事が出来ます。

TwicPics Placeholders