[JS]表示のモーションがセクシーな画像を拡大するスクリプト -SexyLightBox
Post on:2008年8月25日
sponsors
SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。
同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。
SexyLightBoxはMootoolsのプラグインで、動作にはmootools.js 1.2が必要です。
設置方法は、「mootools.js」と「sexylightbox.js」を外部スクリプト、「sexylightbox.css」を外部スタイルシートとして参照し、拡大画像を表示する画像やテキストの箇所は、下記のコードを記述します。
|
1 2 3 |
<textarea name="code" class="html" cols="60" rows="5"> <a href="imagen.jpg" title="text" class="sexylightbox">Text</a> </textarea> |
「herf」に拡大表示する画像、「title」に画像のキャプション、「class="sexylightbox"」はSexyLightBoxを設置する際の指定となっています。
オプションでは、背景の色や不透明度、表示のタイミング、パネルの色、キャプションの色などが簡単に変更することができます。
- 追記：
- 他サイトから、SexyLightBoxのWordPress用プラグインがリリースされました。
管理画面から、オプションを簡単に変更できます。
Sexy LightBox For WordPress
sponsors
