Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 443
Richard Hartle Avatar asked Dec 29 '11 17:12

Richard Hartle


2 Answers

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;
}
like image 182
JFK Avatar answered Oct 17 '22 04:10

JFK


#fancybox-left-ico {
    left: 10px !important;
}
#fancybox-right-ico {
    left: auto !important;
    right: 10px !important;
}
like image 21
Andrew Saturn Avatar answered Oct 17 '22 03:10

Andrew Saturn