0.1.1 • Published 8 years ago

jquery.random-elements v0.1.1

Weekly downloads
2
License
MIT
Repository
github
Last release
8 years ago

jquery.randomElements

なるべく重ならないようにランダム配置する。

仕様

  1. 指定したタグ内にランダムにタグを生成する。
  2. 生成したタグが重なっている場合は指定の数分ランダムをやり直す。

デモ

DEMO

インストール

Npm

npm install jquery.random-elements

使い方

<script src="js/jquery.js"></script>
<script src="js/jquery.randomElements.js"></script>
<script>
	$(function(){
		$('body').randomElements('<img src="img/img.png">');

		$('body').randomElements(
			'<img src="img/img.png">',
			{
				className: 'randomContent',
				num: 20,
				stageWidthExpansion: 0,
				stageHeightExpansion: 0,
				width: 100,
				height: 100,
				min: 10,
				isSize: true,
				tryCount: 10,
				adjustment: 0
			}
		);
	});
</script>

Options

option nametypeDescriptionsdefault
classNameString生成したタグにクラス名をつける'randomContent'
numNumber生成したいタグの個数20
stageWidthExpansionNumber幅の配置範囲の拡張0
stageHeightExpansionNumber高さの配置範囲の拡張0
widthNumber横幅最大値(画像の場合は画像のサイズになります)100
heightNumber縦幅最大値(画像の場合は画像のサイズになります)100
minNumber画像の最小値0
isRandomSizeBooleanサイズをランダムにするかtrue
tryCountNumber配置が重なっていた時にランダムをやり直す回数10
sameRatioBoolean縦横を同じ比率にする0
adjustmentNumber重なり具合をどのぐらい許容するか0