Keeping prev/next arrows visible with fancybox 1.2.6

Question

How do I keep the prev/next arrows visible at all times using fancybox 1.2.6?

i cant get v2.+ or v3 to work in a legacy document, so I am trying to make it work with the existing version. — Murph, Jan 03 '13 at 18:18

score 5 · Answer 1 · answered Jan 03 '13 at 17:48

5

To show the navigation arrows permanently, add this CSS (inline) declaration AFTER you loaded the fancybox css file :

For fancybox v1.2.6

span#fancy_left_ico {
   left: 20px; 
} 
span#fancy_right_ico {
   right: 20px;
}

For v1.3.4

#fancybox-left-ico { 
   left: 20px; 
}
#fancybox-right-ico {  
   right: 20px;  
   left: auto; 
}

For v2.1.3+

.fancybox-nav span {
   visibility: visible;
}

answered Jan 03 '13 at 17:48

JFK

@AdaBell'hMonTrésor : what do you mean? there is a solution for each version, make sure you are using the right one. DEMO http://jsfiddle.net/tdRc5/ – JFK Aug 23 '13 at 19:24

1 Answers1