jQuery

【jQuery】イメージの上にボックスを描画するjQueryプラグインImgBox

July 26, 2018
imgbox

ImgBoxはイメージの上にボックスを描画するjQueryプラグイン。ボックスはCSSで装飾することができます。

Usage

widthとheightのx座標とy座標を使用します。

<img data-x="10" data-y="10" data-w="10" data-h="10" class=".." src=".." />
<img data-x="10" data-y="10" data-x2="20" data-y2="20" class=".." src=".." />

プラグインを有効にします。

$(document).ready(function() {
	$('img').imgbox();
});

HTML settings

imgタグで使用

  1. data-x
  2. data-y
  3. data-w
  4. data-h
  5. data-x2
  6. data-y2

Javascript settings

  1. markStyle
  2. markZIndex
  3. debug

MIT