初始化高程缩放后无法在fancybox内滚动图像

时间:2015-04-14 06:20:42

标签: javascript jquery html ruby-on-rails-4 fancybox-2

我有一个动态的花式框图像库,其中包含Elevate Zoom实现,当用户从花式框图像中点击时,Elevate Zoom插件被初始化,并且可以在花式框中看到放大的图像。
禁用Elevate Zoom插件后,我无法从花式框中滚动图像。 禁用高程缩放后,有没有办法将scroll功能绑定回fancy-box div
我正在使用Fancy-box 2.15vElevate 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();
    }
  });

0 个答案:

没有答案