Release date: September 7th, 2018
Current version: 5.3.7
Change log


AJAX ZOOM Examples with image slider and without gallery / thumbnails

Responsive image hover zoom (gallery) effect + full screen progressive zoom on click. Besides opening the AJAX-ZOOM player at full screen or responsive Lightbox the embedded image with hover effect can be optionally replaced with AJAX-ZOOM player to display high resolution image in it. You can switch to this mode directly in this example. It is great for editorial content because the HTML essentially consists out of an "img" tag and can be easily inserted via WYSIWYG editor.
A demonstration of the jQuery.fn.axZm.zoomTo() method, which lets You zoom into predefined portions of an image with x1, y1, x2 and y2 coordinates. Also with an additional javascript it is possible to retrieve the cropping coordinates related to the original image size. For developers it is also shown how to make thumbnail images via AJAX-ZOOM API functions using these cropping coordinates.
AJAX-ZOOM (for developers). Dynamically tagging images with markers (hotspots) via AJAX-ZOOM $.fn.axZm.createNewHotspot API. In addition, the user can leave descriptions for these markers. The coordinates of the hotspots and descriptions are shown in this example as JSON in a console. This data can then be stored within your application in the database or e.g. transmitted via "PostMessage" to another client.
Load AJAX-ZOOM in an iframe. The simplest way to implement AJAX-ZOOM anywhere. You can place as many instances on one page as you like. Fullscreen also works on mobile devices. Loading of the content inside iframe can be postponed with "lazyload". The content of the iframe could be an image gallery, a 360/3D product rotation or simply one high-resolution image with progressive zoom.
In this example the "image map" is placed outside of AJAX-ZOOM player and has the same size as the player. Can be used as image compare (before / after) with deep zoom. You can dynamically load any amount of image pairs and switch between them by AJAX-ZOOM $.fn.axZm.zoomSwitchQuick API function attached to e.g. buttons or keyboard keys without losing the zoom state of the image. You can also load a row of images (more than two images) from e.g. time-lapse photography and inspect the changes frame by frame.
Simple JavaScript based zoom viewer / slider without thumbnail gallery and only toolbar enabled. Additionally some alternative ways of embedding AJAX-ZOOM player into HTML are listed below.
In this example AJAX-ZOOM player is loaded into responsive Fancybox window. The sizes of the Fancybox and AJAX-ZOOM player inside it are determined by the browser window size. The view of an image or 360 object can be farther maximized to Fullscreen directly out of the Fancybox window. This example can also serve as tutorial about defining the content to load into AJAX-ZOOM player.
Output of example31 where AJAX-ZOOM is triggered responsive.
This is a demo where AJAX-ZOOM hotspots related API functions are extensively used. The task was to create an example where parts of the image could be dynamically highlighted upon OCR data stored in and loaded from XML files. The OCR schemes supported are "hOCR" and "ALTO", whereby it is quite easy to adjust the scripts to support other schemes. We have also extended this example to search within this OCR data and implemented an autosuggest javascript box. It can search within loaded "page" only or entire set of images (books, newspaper, technical drawings...) which contain text. Selecting a word leads to generating a list of pages and matches within the set of pages. Pages, which do not contain a searched word, are instantly hidden from the vertical thumbnails gallery. Selected words are instantly highlighted on a given page and the user can zoom into this word by clicking on dynamically generated buttons. As a developer you are able to extend this demo with your code. A perfect tool for museums, digital archives and other publishers. Especially with the newly introduced gallery swipe feature on all devices it is unbeatable.

Modules / plugins

"Modules / plugins / extensions" are not needed to use AJAX-ZOOM. However these wonderful modules will facilitate and speed up the integration of AJAX-ZOOM into various established CMS or e-commerce / shopping cart systems. If all conditions are met, then you will have AJAX-ZOOM running in your shop within two minutes. The modules can be installed and configured with just a few clicks without writing a single line of code.

Magento PrestaShop WooCommerce WordPress shortcode Opencart Oxid Shopware

Available are modules for Magento, Prestashop, WooCommerce (WordPress), Opencart, Shopware und Oxid (the last two are commonly used in German speaking countries).



The license price is primarily based on the number of different images that are displayed on a domain in AJAX-ZOOM Player. Full license agreement and price list can be found in the download area. Of course the demo (Light) version can be downloaded and tested in your environment free of charge.

If necessary, we can issue a time-limited license free of charge, whereby AJAX-ZOOM and the modules / plugins should work with few restrictions without entering the license data. If something does not work as expected, do not hesitate to contact us. The prices are one time payment.

To use live-support-chat you will need to have Skype installed on your device.

In case live support over Skype is not immediately available please leave a message or send us an email over contact form at first.

Every AJAX-ZOOM related inquiry / question will be answered!