Gallery

				
					<script src="/zoomlook/assets/ZLWebGL.js"></script>
<script src="/zoomlook/assets/ZLPlayer.js"></script>
	
	<script>
	window.onload = () => {
		const config = {
			showThumb: "all",
			startItem: 2,
			galleryThumbs:{
				align: "bottom",
				scale: 1.0,
				roundEdge: 10,
				bgcolor: "#CCCCCC",
				activeOutlineWidth: 2,
				activeOutlineColor: "#ff5a00",
			}
		};
		const configList = [
			{
				basePath: "/zoomlook/pix/ZLGLAnimation/",
				clickLoad: false,
				type: "animation",
				autoplay: true,
				fps: 8,
				uuid: "LOOK03",
			},
			{
				basePath: "/zoomlook/pix/ZLGLVideo/",
				clickLoad: false,
				type: "ZLVideo",
				inertia: false,
				autoplay: true,
				fps: 24,
				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",
			},
		];
		const ZL = new ZLPlayer();
		ZL.loadZLGallery(config, "zoom", configList);
	};
</script>