Caleres Zoom Mobile

Note: This script has a dependency of Hammer.js. Please make sure that you have the script hammer.js in /source/scripts/vendor/hammer.js. The plugin will call for /Content/scripts/vendor/hammer.min.js.

This script will make the following plugins available:

• $.mZoom()
• $.load_script() - used to passively load Hammer.js if it's not defined.

Example Use:

/* INCLUDE ZOOM MOBILE LIBRARY --- */
require('caleres-zoom-mobile');

$.load_script('/Content/scripts/vendor/hammer.min.js', function(){
	$('#productImages').mZoom({
		zoomMessageMarkup: 'double tap for larger image'
	});
}, typeof(Hammer) !== 'undefined');

Use the accompanying styles for a quick start: caleres-zoom-mobile-styles