如何在fancybox中获取当前图像索引？

Question

我想在fancybox画廊中获取当前图像索引。文档中有一个pos方法，但它只是setter方法而不适用于getter。

$.fancybox.pos(3) // works fine
var index = $.fancybox.pos() // does not work . It returns undefined. 

我知道pos被设计为setter方法，但我需要知道fancybox gallery中的当前图像索引。 我怎么知道当前的图像索引？

Answer 1

像下面这样的东西应该做得很好：

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

如果使用某些自定义DOM层次结构，则可能必须调整此解决方案。

Answer 2

如果您使用的是FancyBox 2，则可以使用index属性。

$.fancybox.current.index

Answer 3

您还可以将自己的方法编写到Fancybox库（jscript_jquery.fancybox-1.3.4.pack.js）：

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

然后你可以通过调用这个来达到实际图像的索引：

var actualPosition = $.fancybox.getPos();

Answer 4

我使用已接受的答案来升级v3.2

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

我需要找到当前显示的幻灯片，我需要它来自我的自定义按钮（删除该照片）

Answer 5

在FancyBox 3中查找当前索引图像的最简单，最干净的方法：

var idx = $ .fancybox.getInstance（）。currIndex;

$（ '[数据的fancybox = “图库”]'）当量（IDX）。家长（ 'IMAGE_GALLERY '）toggleClass（' 选择'）。