angular-elevatezoom-plus icon indicating copy to clipboard operation
angular-elevatezoom-plus copied to clipboard

maxZoomLevel after image change ignored

Open dominikstoetter opened this issue 9 years ago • 1 comments

The zooming out of an image without 'maxZoomLevel' set lets zoom out too far. Eg. on the Example Page (White box beyond window): bildschirmfoto 2016-08-10 um 08 42 22

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}}"

dominikstoetter avatar Aug 10 '16 07:08 dominikstoetter

@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.

igorlino avatar Aug 24 '16 15:08 igorlino