1. Home
  2. Docs
  3. ZL WebGL Player
  4. UI Configuration Settings
  5. Animation (JSON)

Animation (JSON)

ZOOMLOOK configuration parameters may be loaded via Json files.  Handy for programmatically delivering experiences at scale using logic encoded in your e-commerce platform.

            
              {"uuid":"fTawTI-190090","basePath":"https://zoomlook.comdia/zl/zoomlook/pix/ZLGLAnimation","autoplay":true,"fps":6,"fullscreenMode":"page","previewMode":"image","buttons":{"controlMoveButton":false}}            
          

Embed Code

            
              <div class="ZLContainer500">
		<div id="zoom" class="view-ZLContainer"></div>
	</div>

	<script src="/zoomlook/assets/ZLWebGL.js"></script>
	<script src="/zoomlook/assets/ZLPlayer.min.js"></script>
	<script>
		window.onload = async () => {
			try{
				const response = await fetch('/zoomlook/json/2/config2.json');
				const config= await response.json();
				const ZL = new ZLPlayer(config);
				ZL.loadZLView( null, "zoom");
			}catch(err){
				console.log(err);
			}
		};
	</script>            
          

How can we help?

Leave a Reply

Your email address will not be published. Required fields are marked *