ダミーテキスト・画像を表示してくれるJavaScript「loremjs」

ダミーテキスト・画像を表示してくれるJavaScript「loremjs」サンプル サイトを作成しているとどうしてもダミーでテキストや画像を入れておくことがあるかと思います。
そんな時、fkadeveloper/loremjs - GitHubを利用すると自動でダミーを入れてくれます。

使用方法 fkadeveloper/loremjs - GitHubからファイルをダウンロード。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="lorem.js"></script>

上記を記述するとあとは以下のようにすることで、自動で表示されます。

テキスト
<div data-lorem="1p"></div>
1pは1段落、1sで1章、1wで1語となります。
※表示したい内容はjs内の記述で変更可能です。

画像
<img src="" data-lorem="画像パス" width="100" height="124">
上記のように記述するとjsの106行目に記載されているURLからの画像を表示させることが可能です。

ダミーテキスト・画像を表示してくれるJavaScript「loremjs」サンプル

sponsors

「ダミーテキスト・画像を表示してくれるJavaScript「loremjs」」をシェアする

記事作成:
記事URL:

TOP > > ダミーテキスト・画像を表示してくれるJavaScript「loremjs」