PHP part - define the images:

			<?php
			// Create an array with images
			$zoomData[1]['p'] = '/pic/zoom/fashion/';
			$zoomData[1]['f'] = 'test_fashion1.png';
			
			// Turn PHP array into string
			$_GET['zoomData'] = strtr(base64_encode(addslashes(gzcompress(serialize($zoomData),9))), '+/=', '-_,');
			?>
		

Javascript part:

			<script type="text/javascript">
			// Create new object
			var ajaxZoom = {};
			ajaxZoom.opt = {
				onLoad: function(){
					jQuery('#naviReplacement').appendTo('#zoomLayer').css({
						display: 'block',
						left: 10,
						top: 540-32-10,
						zIndex: 111
					});
				}
			};
			// Path to the axZm folder
			ajaxZoom.path = '../axZm/'; 
			
			// Define your custom parameter query string
			// By example=19 some settings are overridden in zoomConfigCustom.inc.php
			// zoomData is the php array with images turned into string
			ajaxZoom.parameter = 'zoomData=<?php echo $_GET['zoomData']?>&example=19'; 
			
			// The id of the Div where ajax-zoom has to be inserted into
			ajaxZoom.divID = 'test'; 
			</script>
			
			<!-- Include the loader file -->
			<script type="text/javascript" src="../axZm/jquery.axZm.loader.js"></script>
	
		

Modules & Plugins Ecommerce

	See AJAX-ZOOM in action on Magento Integration quide
	See AJAX-ZOOM in action on xt:Commerce (xtcModified, Gambio, VEYTON 4) Integration quide
	See AJAX-ZOOM in action on Oxid eSales Integration quide
	See AJAX-ZOOM in action on hybris multichannel commerce (no php)
	More coming soon...

MORE EXAMPLES