ITASSIST

画像に気泡のアニメーションを追加するプラグインに加えて、画像そのものにも波のようなうねりを加える機能を追加しました。

ダウンロード
http://www.itassist.info/modules/d3downloads/index.php?page=visit&cid=5&lid=6

使い方
画像に気泡のアニメーションを追加するプラグインで記載した、呼出の引数に「wave: true」を付けるだけで機能します。

<script  type="text/javascript">
jQuery.event.add(window, "load", function(){
	$("#bubble").bubble({wage: true});
});</script>
</head>
<img src="img/flw_009_1.jpg" id="bubble" />

注意点としてはbackground-positionを利用してゆらぎを着けている関係で、元画像をタグ上でサイズ変更したもの（styleのwidthやheightで画像サイズを変えているもの）ではうまく動作しません。

ゆらぎ用のパラメータを以下追加しました。

• wave: true, // 画面全体をうねらせる
• wavePieceWidth: 2, // うねりの塊の幅
• waveTerm: 10, // うねりの最大幅
• waveSpeed: 1000,
• waveWidth: 10, // うねりの塊幾つで1つの山になるか