javascript - How to get current image index in fancybox? - Stack Overflow

admin管理员组

文章数量:1279115

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 ?

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 ?

• javascript
• jquery
• fancybox

Share Improve this question Follow edited Aug 31, 2011 at 13:21 Reporter 3,94855 gold badges3535 silver badges4949 bronze badges asked Aug 31, 2011 at 13:13 AnyOneAnyOne 93122 gold badges1212 silver badges4141 bronze badges 1

• seems like you could try: ("#children_id").val()); as described here – JMax Commented Aug 31, 2011 at 13:20

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

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.

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

$.fancybox.current.index

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

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)

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

本文标签： javascriptHow to get current image index in fancyboxStack Overflow