caleres-zoom

Caleres Zoom

This module defines the following jQuery plugins:

$.dZoom(); // Basic zoom support
$.load_script(); // A Test then Load plugin
$.render(); // a lightweight version of Mustache

You can pass the following options into $.dZoom():

• leftArrowMarkup
• rightArrowMarkup
• zoomNoticeLocation - the sizzle selector for where the notice will be appended
• zoomNoticeMarkup
• zoomVars - the ?trim.... variable string for the image size
• nextClass - the class used when sliding from one view to the next
• resetClass - the class used when bouncing back from over scroll (touch)

Here is an example use of this:

require('caleres-zoom');
$('img[id$="imgLargeDisplay"]').dZoom({
	leftArrowMarkup: '<img src="/Content/images/icons/arrow-left.svg" />',
	rightArrowMarkup: '<img src="/Content/images/icons/arrow-right.svg" />',
});

Use the corresponding caleres-zoom-styles will jump start your layout.