To popup is to trigger ZOOMLOOK to open full screen. In many instances this is the best use case since the site visitor is immersed in your content to explore in depth. Eliminating distractions can lead to a confident intent to purchase.
Embed Code
<button onclick="popupAnimation('page')">
popup animation with full page
</button>
<button onclick="popupAnimation('device')">
popup animation with full screen
</button>
<button onclick="popupGallery('page')">popup gallery with full page</button>
<button onclick="popupGallery('device')">
popup gallery with full screen
</button>
<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.min.js"></script>
<script>
// Animation
const popupAnimation = (type) => {
const ZL = new ZLPlayer();
ZL.openPopup({
uuid: "ITAXfv-746089",
basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
fps: 8,
type: "animation",
autoplay: true,
fullscreenMode: type,
});
};
// Gallery
const popupGallery = (type) => {
const ZL = new ZLPlayer();
const config = {
showThumb: "all",
fullscreenMode: type,
};
const configList = [
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
autoplay: true,
fps: 8,
uuid: "ITAXfv-746089",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLVideo/",
clickLoad: false,
type: "ZLVideo",
inertia: false,
autoplay: true,
uuid: "STegyw-601336",
previewVideo:{
fps:30
}
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "nFCjhY-260482",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "tIKoXX-433591",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 6,
autoplay: true,
uuid: "FqNtFG-498222",
},
{
basePath:
"https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
clickLoad: false,
type: "photo",
uuid: "DHQkmu-827001",
},
];
ZL.openPopup(config, configList);
};
</script>