Perhaps you wish to avoid superzooming in on a model’s face or some other area. Simply use limitRange.
* limitRange: Limit the range of the view.
* level: The zoom level of trigger limit. Default: “130%”.
* top: Top area range. Default: 1.0. Value range: 0.1 ~ 1.0.
* bottom: Bottom area range. Default: 1.0. Value range: 0.1 ~ 1.0.
* left: Left area range. Default: 1.0. Value range: 0.1 ~ 1.0.
* right: Right area range. Default: 1.0. Value range: 0.1 ~ 1.0.
Limit Top
Limit Bottom
Embed Code
<div class="ZLContainer500">
<div id="zoom1" style="width:100%; height:500px;"></div>
</div>
<div class="ZLContainer500">
<div id="zoom2" style="width:100%; height:500px;"></div>
</div>
<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.min.js"></script>
<script>
window.onload = () => {
const ZL1 = new ZLPlayer({
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
limitRange: {
level: "130%",
top: 0.5,
bottom: 1.0
},
fps: 5,
});
ZL1.loadZLView("FqNtFG-498222", "zoom1");
const ZL2 = new ZLPlayer({
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
limitRange: {
level: "130%",
top: 1.0,
bottom: 0.5
},
fps: 5,
});
ZL2.loadZLView("FqNtFG-498222", "zoom2");
};
</script>