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

ZOOMLOOK Gallery (JSON)

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: 0,
				galleryThumbs:{
					align: "left",
					scale: 1.0,
					roundEdge: 10,
					bgcolor: "#5affff",
					activeOutlineWidth: 2,
					activeOutlineColor: "#ff5a00",
				}
			};
	
			const jsonArray = ['/zoomlook/json/2/config1.json','/zoomlook/json/2/config2.json','/zoomlook/json/2/config3.json','/zoomlook/json/2/compare.json']
	
			const ZL = new ZLPlayer();
			ZL.loadZLGalleryJson("zoom", jsonArray, config);
		};
	</script>
				
			

How can we help?