button - ライトボックスの次へボタンは常に設定されていますか？

Question

LightBoxで、ナビゲーションの[次へ]ボタンを常に表示する方法はありますか？

Answer 1

私が持っているすべての顧客はライトボックスを気に入っているようですが、次のサムネイルをクリックできるように、大きな画像をそれぞれ閉じる必要があることに不満を持っています. 彼らは、大きな画像にマウスオーバーしてナビゲーション矢印を表示し、すぐに次の画像に移動できることを認識していません。これが私の解決策です（Lightbox 2.51を使用）：

「lightbox.css」でこれを変更します：

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

に：

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

これが誰かを助けることを願っています。乾杯。

Answer 2

Lightbox 2を使用していると仮定しています

lightbox.css ファイルを開き、次の 2 行を変更します。

#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }

に

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

これは Safari でのみテストしましたが、他のすべてでは問題ないはずです。有名な最後の言葉え？