previous exampleHome
next example

AJAX-ZOOM - outer image map same size as initial image. Autozoom after load enabled.

Loading, please wait...

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,
						bottom: 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>
	
		
MORE EXAMPLES
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom
javascript picture zoom