maxZoomLevel after image change ignored

[dominikstoetter]

The zooming out of an image without 'maxZoomLevel' set lets zoom out too far. Eg. on the Example Page (White box beyond window):

In combination with zoomType: 'lens' and lensShape: 'round' the lens background gets over its border. To limit this behavior i tried to set maxZoomLevel, which solves the problem. Unfortunatelly after changing my image (because of an image gallery) The maxZoomLevel is mostly ignored.
On the first image, the maxLimitSize limits the background-size to:
640px 854px
after changing the image (same image size) the background-size gets down to:
299.766px 400px;
which has an image in image effect.

ezp-model="{thumb: vm.activeImageSmall, small: vm.activeImageLarge, large: vm.activeZoomImage}"

ezp-options="{scrollZoom: true, responsive: true, zoomType: 'lens', lensShape: 'round', lensSize: 200, easing: false, borderSize: 1, maxZoomLevel: 3, minZoomLevel: 0.5, containLensZoom: true}"

ng-src="{{vm.activeImageLarge}}"

[igorlino]

@dominikstoetter may I bother you if you could please create a working example , preferably creating a question at stackoverflow
http://stackoverflow.com/ (they offer the new feature: code snippet)

There is a probability of much more people can help in stackoverflow. I currently lack time for issues, so I hope others can help out.