Fancybox 2 可见的导航箭头

Posted 2023-04-13

【中文标题】Fancybox 2 可见的导航箭头

【英文标题】：Fancybox 2 visible navigation arrows

【发布时间】：2012-01-30 01:18:03

【问题描述】：

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

【参考方案1】：

对于fancybox v2.x，您可以使用这些CSS 内联声明（在您链接到jquery.fancybox.css 文件之后）：

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

更新（2012 年 7 月 12 日）：因为 Fancybox v2.0.6+ 只需要添加这个 css 声明来代替

.fancybox-nav span 
 visibility: visible;

【参考方案2】：

#fancybox-left-ico 
    left: 10px !important;

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