Image player / slider with deep zoom
With this player you can generally display high-resolution, ultra-high-resolution and less-resolving images responsively.
You have the freedom to enable or disable any control element and place them differently.
Swiping between high-resolution images has never been easier and faster before.
In addition, you could add the so-called hotspots (in-the-image markers),
control the player externally via API and expand as desired.
In the download package, you will also find various examples where you can combine the 2D player with our 360° degrees or 3D players,
as well as varios video players.
The image tiles for the multiscale resolution are, if not yet available, generated "On-The-Fly".
This process can also be done via the included batch file before viewing in the Zoom Slider.
This swipe slider is perfectly designed for responsive embedding.
The slider instantly adapts to the size of the outer container.
Same, as a video player, it is possible to see the images in the slider in full-screen view.
In addition, the player can be launched from a link in full screen or inside a modal box.
With the functionality of the truly extensive API library, you can program highly professional applications.
We are ready to extend the functionality if the existing one is not sufficient for your project.
Enabling watermark allows effective protection of your original source images without any compromises.
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.
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.
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.
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.
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.