The Expand Button is in the top left corner. Hide and show the ZL UI Buttons.
Sometimes you may want to hide and show the UI buttons. For this configuration, use the expand button parameters.
* expandButton: Expand button.
* enabled: Whether to enable or disable the expand button. Default: true.
* showColor: The color of the show state. Default: ‘#000000’.
* hideColor: The color of the hide state. Default: ‘#000000’.
* invert: Whether invert the icon. Default: false.
expandButton: {
enabled: true,
showColor: "#000000",
hideColor: "#000000",
invert: false
},
Embed Code
<div id="zoom" 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 ZL = new ZLPlayer({
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
previewMode: "image",
fps: 4,
autoplay: true,
bounce: true,
expandButton: {
enabled: true,
showColor: "#000000",
hideColor: "#ee0000",
invert: false,
}
});
ZL.loadZLView("ITAXfv-746089", "zoom");
};
</script>