skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

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

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

sponsors

使用方法 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内の記述で変更可能です。

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

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

sponsors

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

記事作成:
記事URL:

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

前の記事:
次の記事:Facebookの新しいタイムラインをいち早く楽しむ方法

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more