POPUP
Popup
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: "LOOK07",
basePath: "/zoomlook/pix/ZLGLAnimation/",
fullscreenMode: type,
fps: 8,
autoplay:true,
});
};
// Gallery
const popupGallery = (type) => {
const ZL = new ZLPlayer();
const config = {
showThumb: "all",
fullscreenMode: type,
};
const configList = [
{
basePath: "/zoomlook/pix/ZLGLAnimation/",
clickLoad: false,
type: "animation",
fps: 8,
autoplay:true,
uuid: "LOOK06",
},
{
basePath: "/zoomlook/pix/ZLGLVideo/",
clickLoad: false,
type: "ZLVideo",
inertia: true,
fps: 24,
autoplay:true,
uuid: "ZLV-LOOK07",
},
{
basePath: "/zoomlook/pix/ZLGLGallery/",
clickLoad: false,
type: "photo",
uuid: "LOOK01",
},
{
basePath: "/zoomlook/pix/ZLGLGallery/",
clickLoad: false,
type: "photo",
uuid: "LOOK02",
},
{
basePath: "/zoomlook/pix/ZLGLGallery/",
clickLoad: false,
type: "photo",
uuid: "LOOK03",
},
{
basePath: "/zoomlook/pix/ZLGLGallery/",
clickLoad: false,
type: "photo",
uuid: "LOOK04",
},
];
ZL.openPopup(config, configList);
};
</script>