lightboxで「next」や「prev」ボタンを常に表示する

lightboxでは、2枚以上写真がある場合には写真の上にマウスを乗せたときに「next」「prev」のボタンが出ますが、ぱっと見たときに気がつかない場合も多いです(というご指摘をお客様からいただきました)。で、これを常に出るように改変してみました。

改変するファイルはlightbox.cssの17行目付近の記述。

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

上記2行から「hover」属性を取ります。

#prevLink, #prevLink:visited { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited { background: url(../images/nextlabel.gif) right 15% no-repeat; }

3枚以上の時には、写真の両側に「next」「prev」と表示されるのはちょっと・・・とは思いますが。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA