Limit Range

Limit top

Limit bottom

LIMIT RANGE

 

Embed Code

				
						<div class="container">
		<h2>Limit top</h2>
		<div id="zoom1" style="width:100%; height:500px;"></div>
	</div>
	<div class="container">
		<h2>Limit bottom</h2>
		<div id="zoom2" style="width:100%; height:500px;"></div>
	</div>
				
			
				
					<script src="/zoomlook/assets/ZLWebGL.js"></script>
	<script src="/zoomlook/assets/ZLPlayer.js"></script>
	<script>
		window.onload = () => {
			const ZL1 = new ZLPlayer({
				basePath: "/zoomlook/pix/ZLGLAnimation/",
				limitRange: {
					level: "130%",
					top: 0.5,
					bottom: 1.0
				},
			});
			ZL1.loadZLView("LOOK06", "zoom1");

			const ZL2 = new ZLPlayer({
				basePath: "/zoomlook/pix/ZLGLAnimation/",
				limitRange: {
					level: "130%",
					top: 1.0,
					bottom: 0.5
				},
			});
			ZL2.loadZLView("LOOK06", "zoom2");
		};
	</script>