How To Get Current Image Index In Fancybox?

I am trying to get current image index in fancybox gallery. There is a pos method in documentation but it is just setter method and not working for getter. $.fancybox.pos(3) // wor

Solution 1:

Something like the following should do just fine:

var src = $('#fancybox-img').attr('src'); // Looks for the *fancyboxed* imagevar idx = $('a[href="'+src+'"]').index(); // Gets the index of the thumbnail

You may have to adapt this solution if you use some custom DOM hierarchy.

Solution 2:

If you are using FancyBox 2 you can use the index property.

$.fancybox.current.index

Solution 3:

You can also write your own method to the Fancybox library (jscript_jquery.fancybox-1.3.4.pack.js):

b.fancybox.getPos=function(){return p};

Then you are able reach the index of actual image by call this:

var actualPosition = $.fancybox.getPos();

Solution 4:

i used accepted answer to upgrade for v3.2

var src = $('.fancybox-slide--current .fancybox-image').attr('src');
var idx = $('a[href="'+src+'"]')[0];

i needed to find currently showing slide, i needed it for my custom button (to delete that photo)

Solution 5:

Easiest and cleanest way to find the current index image in FancyBox 3 :

var idx = $.fancybox.getInstance().currIndex;

$('[data-fancybox="gallery"]').eq(idx).parents('.image_gallery').toggleClass('selected');