jQuery Fancybox 2 可见导航箭头

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/8670956/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-27 10:52:26  来源:igfitidea点击:

Fancybox 2 visible navigation arrows

jquerynavigationfancyboximage-gallery

提问by Richard Hartle

Is it possible with Fancybox 2.0 to always keep the image gallery navigation arrows visible? Rather than just visible on hover.

Fancybox 2.0 是否可以始终保持图片库导航箭头可见?而不仅仅是在悬停时可见。

回答by JFK

For fancybox v2.x you may use these CSS inline declarations (after you have linked to the jquery.fancybox.css file):

对于fancybox v2.x,您可以使用这些CSS 内联声明(在您链接到jquery.fancybox.css 文件之后):

<style type="text/css">
 .fancybox-next span {
  left: auto;
  right: 20px;
 }
 .fancybox-prev span {
  left: 20px;
 }
</style>

UPDATE(July 12, 2012) : Since Fancybox v2.0.6+ just need to add this css declaration instead

更新(2012 年 7 月 12 日):由于 Fancybox v2.0.6+ 只需要添加此 css 声明

.fancybox-nav span {
 visibility: visible;
}

回答by Andrew Saturn

#fancybox-left-ico {
    left: 10px !important;
}
#fancybox-right-ico {
    left: auto !important;
    right: 10px !important;
}