在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