[JS]表示のモーションがセクシーな画像を拡大するスクリプト -SexyLightBox

SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。
同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。

SexyLightBoxのデモのキャプチャ

SexyLightBox
デモ

SexyLightBoxはMootoolsのプラグインで、動作にはmootools.js 1.2が必要です。

設置方法は、「mootools.js」と「sexylightbox.js」を外部スクリプト、「sexylightbox.css」を外部スタイルシートとして参照し、拡大画像を表示する画像やテキストの箇所は、下記のコードを記述します。

「herf」に拡大表示する画像、「title」に画像のキャプション、「class="sexylightbox"」はSexyLightBoxを設置する際の指定となっています。

オプションでは、背景の色や不透明度、表示のタイミング、パネルの色、キャプションの色などが簡単に変更することができます。

追記:
他サイトから、SexyLightBoxのWordPress用プラグインがリリースされました。
管理画面から、オプションを簡単に変更できます。
Sexy LightBox For WordPress

top of page

©2017 coliss