2006-01-21
_ Lightbox JS 最新版ではキーボードでも閉じられるように
ふらっと Lightbox JS の配布元を見てみたら,また更新されていたようで,最新版に入れ替えてみました.今回のアップデートでは,これまでマウスクリックでしか,ポップアップ表示した画面を閉じることができなかったのですが,キーボードからでも閉じることが可能になったみたいです.
これにあわせて CSS も少し変更. CSSを使ってキーボードのアイコンっぽく表示させるを参考に,キーボードのアイコンっぽく表示させるようにしてみました.
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption { float: left; text-align: center; text-decoration: underline; } #keyboardMsg{ float: right; } #keyboardMsg kbd { color; #333; background: #fff; text-align: center; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; border-right: 2px solid #666; border-bottom: 2px solid #666; -moz-border-radius: 4px 4px 4px 4px; padding-left: 1px; padding-top: 0; padding-right: 2px; padding-bottom: 0; margin-left: 2px; margin-right: 2px; vertical-align: top; }