1. Home
  2. Docs
  3. ZL WebGL Player
  4. UI Configuration Settings
  5. clickLoad

clickLoad

With one or more ZOOMLOOK modules on a page, sometimes it is of benefit for SEO to load ZOOMLOOK experiences on click. 

* clickLoad: If true, user need to click to start loading; Otherwise, it will load automatically. Default: false.

Embed Code

				
					<div id="zoom1" style="width:100%; height:500px;"></div>

<div id="zoom2" style="width:100%; height:500px;"></div>

<div id="zoom3" style="width:100%; height:500px;"></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/ZLGLPhoto",
    				clickLoad: true,
    				fullscreenMode: 'page',
    				type: "photo"
    			});
    			ZL1.loadZLView("thEVsG-621666", "zoom1");
    	
    			const ZL2 = new ZLPlayer({
    				basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
    				clickLoad: true,
    				type: "animation",
    				fullscreenMode: 'page',
    				autoplay: true,
    				fps: 8
    			});
    			ZL2.loadZLView("ibqLxk-091788", "zoom2");
    	
    			const ZL3 = new ZLPlayer({
    				basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/",
    				clickLoad: true,
    				fullscreenMode: 'page',
    				spinReverse: true,
    				autoplay: true,
    			});
    			ZL3.loadZLView("JACzev-968936", "zoom3");
    		};
</script>
				
			

How can we help?

Leave a Reply

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