Fancybox 2 visible navigation arrows

问题:

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

回答1:

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

<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

.fancybox-nav span {
 visibility: visible;
}

回答2:

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