CODEWITHSUNDEEP
javascriptjqueryfancybox
AnyOne
AnyOne

Reputation: 931

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) // works fine
var index = $.fancybox.pos() // does not work . It returns undefined.

I understand that pos is designed as setter method but i need to know current image index in fancybox gallery.
How can i know current image index ?

Upvotes: 3

Views: 9295

Answers (5)

bNj
bNj

Reputation: 1

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');

Upvotes: 0

Pezhvak
Pezhvak

Reputation: 10868

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)

Upvotes: 0

Knobli
Knobli

Reputation: 1

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();

Upvotes: 0

Pete Saia
Pete Saia

Reputation: 41

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

$.fancybox.current.index

Upvotes: 4

Arnaud Leymet
Arnaud Leymet

Reputation: 6122

Something like the following should do just fine:

var src = $('#fancybox-img').attr('src'); // Looks for the *fancyboxed* image
var 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.

Upvotes: 4

Related Questions