如何将变焦放在叠加层上方？

Question

如何将ZOOM叠加到叠加层上（例如，当你在画面上移动时：http://testowa.testynarkotykowe.pl/testy-narkotykowe/testy-na-mocz）？

Answer 1

您正在使用名为＆＃34; elevateZoom＆＃34;的插件使这种缩放效果：

http://www.elevateweb.co.uk/image-zoom

您必须打开 elevatezoom.js 文件并找到以下行：

self.zoomWindowContainer =$('<div/>').addClass('zoomWindowContainer').css("width",self.options.zoomWindowWidth);

并替换为：

self.zoomWindowContainer = $('<div/>').addClass('zoomWindowContainer').css({
    "width": self.options.zoomWindowWidth,
    "z-index": 100
});

它会将缩放显示在我们创建的.overlay的前面。