العلبة الخفيفة زر التالي دائما على الإعداد ؟

Question

في العلبة الخفيفة, هل هناك طريقة تظهر دائما الملاحة بجوار الزر ؟

Answer 1

وأفترض أنك تستخدم صندوق 2

وفتح ملف lightbox.css وتغيير هذين الخطين:

#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;}

ولقد اختبرت هذا فقط في رحلات السفاري ولكن يجب أن تكون على ما يرام في كل شيء آخر. الشهيرة الكلمات الأخيرة إيه؟

Answer 2

يبدو كل العملاء لدي يحب العلبة الخفيفة ولكن يشكو "الحاجة إلى" إغلاق كل صورة كبيرة حتى يتمكنوا انقر على التالي المصغرة.أنهم لا يدركون أنهم يمكن تمرير الماوس على صورة كبيرة لرؤية nav السهام انقر فوق الصورة التالية على الفور.هنا الحل (باستخدام العلبة الخفيفة 2.51):

في "العلبة الخفيفة.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 */
}

آمل أن يساعد هذا شخص ما هناك.الهتافات.