1

我在我的应用程序中使用 ElevateZoom 插件。如果图像分辨率很好，它可以缩放，但是当图像分辨率很小时，它就不起作用了。这是代码：

描述.jsp

<img ng-if="mlist.typeId===1" 
                            ng-elevate-zoom
                             zoom-image="{{mlist.mediaUrl}}" id="zimg{{$index}}"
                              actual-src="{{mlist.mediaUrl}}" loader-src="resources/images/loading.gif" loader-class="preloader" showloader 
                              class="img-responsive zoomImg" alt=""/>

其中 zoom-image、actual-src data-zoom-image 都具有相同的图像。

应用程序.js

app.directive('ngElevateZoom', function() {
      return {
        restrict: 'A',
        link: function(scope, element, attrs) {

          //Will watch for changes on the attribute
          attrs.$observe('zoomImage',function(){
            linkElevateZoom();
          })

          function linkElevateZoom(){
            //Check if its not empty
            if (!attrs.zoomImage) return;
            element.attr('data-zoom-image',attrs.zoomImage);
            $(element).elevateZoom({zoomType:"lens", cursor:"crosshair"/*, lensSize:250*//**/ /*scrollZoom:true*//*, containLensZoom:true*/});
          }

          linkElevateZoom();

        }
      };
    });

插件：提升缩放

4

0 回答 0