This example loads the results of what has been produced in example35.php. Both galleries - vertical and horizontal are loaded at the same time and are shown / hidden over CSS media queries depending on window portrait / landcrape mode. Resize the browser window to see this adaptive effect. All code lines are commented. The design of the galleries and AJAX-ZOOM player is fully skinable.
| Option | Default | Description |
|---|---|---|
| installPath | 'auto' | Path to /axZm directory, e.g. /test/axZm/ |
| cropJsonURL | null | Url of the json with crop data. The JSON file can be made with example35.php; |
| cropJson | null | Alternatively to cropJsonURL define JSON here |
| sliderID | null | ID of axZmThumbSlider |
| thumbsContainerID | null | ID of some container to put thumbs into (no slider) |
| thumbsContainerUlClass | 'azThumbCrop' | class which will be added to the UL element |
| thumbsContainerLiCss | {} | Quickly overwrite css e.g. margin of the li (thumbs) |
| thumbsContainerLiDescr | false | Add title from crop data to the thumb |
| spinToSpeed | '2500' | Optionally pass duration of spinning when clicked on the thumb |
| spinToMotion | 'easeOutQuint' | Optional pass easing type of the spinning animation. Possible motions types: "swing", "linear", "easeInQuad", "easeOutQuad", "easeInOutQuad", "easeInCubic", "easeOutCubic", "easeInOutCubic", "easeInQuart", "easeOutQuart","easeInOutQuart", "easeInQuint","easeOutQuint", "easeInOutQuint", "easeInSine", "easeOutSine", "easeInOutSine", "easeInExpo", "easeOutExpo", "easeInOutExpo", "easeInCirc", "easeOutCirc", "easeInOutCirc", "easeInElastic", "easeOutElastic", "easeInOutElastic", "easeInBack", "easeOutBack", "easeInOutBack", "easeInBounce", "easeOutBounce", "easeInOutBounce" |
| handleTexts | null | function after spinTo or zoomTo; if defined in JSON title and description are passed as arguments |
Load documentaion for $.axZmImageCropLoad