WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

jQueryで作るアニメーションバナー「Custom Animation Banner with jQuery」

jQueryで簡単にアニメーションバナーを作ることができるプラグイン
「Custom Animation Banner with jQuery」のご紹介。

Custom Animation Banner with jQuery | Codrops
DEMO

Flash無しで派手な動きのアニメーションバナーが簡単に組み込めます。
使用する画像はPNG画像。
※他の画像ファイルでも動作はすると思いますが透過画像でないと各種アニメーションエフェクトの表現が難しそう

動かす対象がバナー全体ではなく、画像単体なのでバナーの形状は横でも縦でも可。

変化させる回数やスピードなども細かく設定が可能となっていて、
アニメーションパターンは10種類ほど。
切り替わる度に別々のアニメーションも設定可能なところが◎。
(設定方法はチュートリアルページ参照)

DEMO画面はIE6ではPNG画像の透過部分が灰色になってしまっていますが
PNG対応JSを入れれば問題なく表示できると思われます。

Flash無しでアニメーションバナーを組み込む際に是非。。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です