on:2011年6月8日sponsorsかわいい猫の画像を複数配置したギャラリーの指定箇所を中心にアニメーションでフォーカスするjQueryのプラグインを紹介します。Focusを使用すると、マウスの操作にあわせて指定した範囲外をフェードでぼやけさせ、好みの猫画像を集中して見ることができます。オプションでオーバーレイを適用して、適用範囲を表示したキャプチャフェードの量、範囲のサイズも指定できます。Focusの実装HTMLフォーカスを与える画像を「#gallery」で内包します。「#gallery」はjQueryのセレクタで指定できるものであれば、何でも可です。src="images/02.jpg">......</div>JavaScript「jquery.js」と当スクリプトを外部スクリプトとして指定し、下記のスクリプトを記述します。オーバーレイの有無を指定できます。Focusのダウンロードスクリプトのダウンロードは、下記ページよりどうぞ。Posts関連記事が見つかりませんでした。