Fancybox navigation arrows not showing

Question

I am new to jquery. All animations, such as transitions and speed, work fine. However, "showNavArrows" and "loopback" do not work. Here is the code:

$(document).ready(function() { $("a#single_image").fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false, 'cyclic' : true, 'showNavArrows' : true }) }); 

The following options are available here: http://fancybox.net/api

Answer 1

The cyclic and navigation arrows are displayed only if you have a group of elements in the gallery, which means that the gallery elements must have the same rel attribute in order to check this message for examples

Answer 2

If you are using fancybox3, try data-fancybox="images" instead of rel="images"