如何在縮放上方放大縮放？

Question

如何將ZOOM覆蓋在覆蓋圖上（即，當您在圖片上進行鼠標懸停時：http://testowa.testynarkotykowe.pl/testy-narkotykowe/testy-na-mocz）？

Answer 1

您使用的是被稱爲 「elevateZoom」 插件，使這個變焦效果：

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的前面。