Perfect for partial 360 content and special animations where you wish to animation forward and reverse instead of looping.
* bounce: Enable/disable bounce effect. Default: false.
Bounce
No bounce
Embed Code
<h2>Bounce</h2>
<div class="ZLContainer500">
<div id="zoom1" style="width:100%; height:500px;"></div>
</div>
<h2>No bounce</h2>
<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/ZLGL360",
clickLoad: false,
type: "animation",
autoplay: true,
bounce: true,
fps:30,
});
ZL1.loadZLView("HLLdsS-552645", "zoom1");
const ZL2 = new ZLPlayer({
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGL360",
clickLoad: false,
type: "animation",
autoplay: true,
bounce: false,
fps:30,
});
ZL2.loadZLView("HLLdsS-552645", "zoom2");
};
</script>