[追記 2007-04-12]

Lightbox 2 が v2.03 にバージョンアップして、キーボードショートカットの機能が改善されました。右カーソル、左カーソルでの移動が可能になり、Escキーで閉じることができるようになっています。ということで、このスクリプトは無用の長物と相成りました・・・

Lightbox JS v2.0 という画像をかっこよく表示させる有名なスクリプトがあります。複数の画像を「Image Set」として用意するとスライドショーが作成され、キーボードで前後に移動することができるのですが、nキーとpキーでしか移動できないので、あまり感覚的ではありません。そこで、カーソルキーでも移動できるようにしてユーザビリティを向上させるスクリプトを作成してみました。

Lightbox JS v2.0 shortcut keys add-on

»sample

使い方はカンタン。Lightbox JS v2.0 のスクリプトのあとに読み込むだけです。

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script>

<strong>&lt;script&nbsp;type=&quot;text/javascript&quot;&nbsp;src=&quot;js/lightbox_shortcut_keys_addon.js&quot;&gt;&lt;/script&gt;</strong>

これで、以下のショートカットキーが使えるようになります。

• 次の画像へ  nキー、→（右カーソル）、↓（下カーソル）
• 前の画像へ  pキー、←（左カーソル）、↑（上カーソル）
• 閉じる  xキー、oキー、cキー、Escキー

ちなみに開発のきっかけは、playback.js です。これを使ったプレゼンテーション資料がカーソルキーで移動できてすごく便利だったので作ってみました。

なお、不具合などあれば、お手数ですがご報告ください。よろしくお願いします。