2009-11-28 46 views

回答

1

我假設你正在使用Lightbox 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;} 

我只測試了此在Safari中,但它應該是一切OK。着名的遺言呃?

2

似乎每個我愛的人都喜歡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 */ 
} 

希望這有助於有人在那裏。乾杯。