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

fullscreen

Full screen may be set to the browser window or the device.  Used in ZOOMLOOK Galleries the full screen button steps forward to window and full screen revealing thumbnails once again at device full screen. 

fullscreen Device

fullscreen Page

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",
    				clickLoad: false,
    				type: "animation",
    				fps: 7,
    				fullscreenMode: "device"
    			});
    			ZL1.loadZLView("tIKoXX-433591", "zoom1");
    	
    			const ZL2 = new ZLPlayer({
    				basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
    				clickLoad: false,
    				type: "animation",
    				fps: 7,
    				fullscreenMode: "page"
    			});
    			ZL2.loadZLView("tIKoXX-433591", "zoom2");
    		};
</script>
				
			

How can we help?

Leave a Reply

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