我有一个动态的花式框图像库,其中包含Elevate Zoom实现,当用户从花式框图像中点击时,Elevate Zoom插件被初始化,并且可以在花式框中看到放大的图像。
禁用Elevate Zoom插件后,我无法从花式框中滚动图像。
禁用高程缩放后,有没有办法将scroll
功能绑定回fancy-box div
?
我正在使用Fancy-box 2.15v和Elevate Zoom 3.0.8v
$(".fancybox-thumb").attr("rel","gallery").fancybox({
scrolling: 'no',
prevEffect : 'none',
nextEffect : 'none',
type :'image',
maxHeight : '150%',
maxWidth : '90%',
fitToView : true,
arrows : true,
mouseWheel : false,
afterShow : function(){
$('.fancybox-image').click(function() {
$('.fancybox-image').elevateZoom({
zoomType : "lens",
scrollZoom : true,
lensSize : 900,
});
$('#fancybox-buttons').hover(function() {
$('.zoomContainer').remove();
$('.zoomWindowContainer').remove();
$(".zoomLens").remove();
});
});
},
beforeClose: function(){
$(".zoomContainer").remove();
$('.zoomWindowContainer').remove();
$(".zoomLens").remove();
}
});