An example of AJAX-ZOOM placed inside a container with dynamic / responsive width and height
(depends on screen resolution and browser window size). Resize the window to see the adjustments.
The vertical gallery to the right can be disabled or replaced with horizontal gallery.
With $.fn.axZm.loadAjaxSet() AJAX-ZOOM API you can change the set of loaded images easily:
click to try the above
click to set back
For loading specific images use "zoomData" instead of "zoomDir"; "zoomData" is a CSV string separated with vertical slash ("|")