在LightBox中,有沒有辦法總是顯示導航下一步按鈕?LightBox下一步按鈕始終處於設置狀態?
0
A
回答
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 */
}
希望這有助於有人在那裏。乾杯。
相關問題
- 1. Android設備硬件按鈕始終處於「打開」狀態
- 2. 設置另一個程序始終處於最佳狀態?
- 3. index.html中的按鈕標記始終處於禁用狀態
- 4. 如何設置活動始終處於活動狀態?
- 5. 活動始終處於活動狀態
- 6. MPNowPlayingInfoCenter始終處於播放狀態
- 7. BroadcastReceiver始終處於活動狀態
- 8. 讓UIViewController始終處於活動狀態
- 9. 服務始終處於停止狀態
- 10. 測試始終處於「掛起」狀態
- 11. 保持TortoiseSVN和NetBeans IDE始終處於同步狀態
- 12. 設置按鈕在點擊時處於活動狀態?
- 13. 按鈕處於按下狀態後,由於Safari瀏覽器bfcache
- 14. 處理:按鈕按下開關狀態
- 15. NETCF - 始終處於頂層狀態,但SIP始終處於頂端問題
- 16. 異步設置初始狀態爲
- 17. 按鈕始終設置爲禁用
- 18. 如何讓我的機器人始終處於閒置狀態?
- 19. 不使窗口處於活動狀態按下按鈕
- 20. 使TextField處於活動狀態按下按鈕
- 21. 下拉列表始終設置模型狀態無效
- 22. 的iOS:設置按鈕按下的狀態
- 23. 以編程方式將SWT按鈕設置爲按下狀態?
- 24. 如何設置按鈕的狀態_按下
- 25. 將狀態設置爲默認按鈕
- 26. 在LWUIT中設置按鈕狀態
- 27. 設置按鈕狀態爲HTTPCLient Titely
- 28. 爲Android按鈕設置狀態
- 29. 設置按鈕狀態編程
- 30. 設置按鈕狀態並保留onClick