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

spinReverse

During 360º object creation using turntables, the direction of spin may be one way or the other.  Using spinReverse you may correct the spin direction with one parameter. 

 

 * spinReverse: Reverse spin direction. Default: false.

Forward

Reverse

Embed Code

				
					<h2>Forward</h2>
<div class="ZLContainer">
    <div id="zoom1" style="width:100%; height:500px;"></div>
</div>
<h2>Reverse</h2>
<div class="ZLContainer">

    <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/ZLGL360/",
    				clickLoad: false,
    				type: "animation",
    				spinReverse: false,
    			});
    			ZL1.loadZLView("HLLdsS-552645", "zoom1");
    	
    			const ZL2 = new ZLPlayer({
    				basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGL360/",
    				clickLoad: false,
    				type: "animation",
    				spinReverse: true,
    			});
    			ZL2.loadZLView("HLLdsS-552645", "zoom2");
    		};
</script>
				
			

How can we help?

Leave a Reply

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