如何将loupe jQuery图像放大镜添加到放大的fancybox弹出图像中？

到目前为止，请参阅我的代码

$(document).ready(function () {
    $("#single").fancybox();
    $("#demo-2").loupe();
});

我正在寻找添加一个图像放大镜，如loupe到从FancyBox弹出的放大图像。当浏览器缩小大图像时，对于屏幕分辨率较低的用户非常有用

有人知道怎么做吗？谢谢

使用后装，而不是后装

并使用css

当你打开fancybox弹出窗口时，它的z指数是8010，这不允许loupe出现，只要给它更高的z指数：8020；让它工作

.loupe {
    z-index:8020;
}

---

使用afterShow而不是afterLoad：从另一个答案复制/粘贴？因为OP似乎没有使用任何回调@JFK OP在一段时间后更新了这把小提琴，之后就发布了这把小提琴。没有复制粘贴。如果你不知道，不要责怪。对不起，OP问题中没有任何编辑的痕迹。这就是为什么我的评论不是一个好消息blame@JFK没关系。谢谢你在责备之前先问我。

.loupe {
    z-index:8020;
}