1. Home
  2. Docs
  3. ZL WebGL Player
  4. ZOOMLOOK Galleries
  5. ZOOMLOOK Gallery (config version)

ZOOMLOOK Gallery (config version)

ZOOMLOOK Galleries are the most versatile and powerful presentation tool for commerce.  Popup and configure for full screen viewing of any PDP image layout.  Or simply use the viewer as your webpage hero, delighting your customers with fifth wall breaking immersive deep dive into reality…. HyperReality.

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 config = {
				showThumb: "all",
				startItem: 2,
				galleryThumbs:{
					align: "left",
					scale: 1.0,
					roundEdge: 10,
					bgcolor: "#000000",
					activeOutlineWidth: 2,
					activeOutlineColor: "#ff5a00",
				},
				crossCursor: true,
			};
			const configList = [
				{
					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto",
					uuid: "XWRhiJ-476357",
					type: "photo",
					configVersion: 1
				},
				{
					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto",
					uuid: "nFCjhY-260482",
					type: "photo",
					configVersion: 1
				},
				{
					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto",
					uuid: "vxDveY-506708",
					type: "photo",
					configVersion: 1
				},
				{
					basePath: "https://us.zoomlook.cloud/zoomlookbook/zoomlook/pix/ZLGLPhoto/",
					compare:{
						beforeUuid:"QLEMRB-759860",
						afterUuid: "MJjFxT-710005"
					}
				}
			];
			const ZL = new ZLPlayer();
			ZL.loadZLGallery(config, "zoom", configList);
		};
	</script>
				
			

How can we help?

Leave a Reply

Your email address will not be published. Required fields are marked *