Release date: August 10th, 2018
Current version: 5.3.4
Change log

AJAX-ZOOM demo

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).

About AJAX-ZOOM

AJAX-ZOOM is a powerful and universally applicable image zoom & pan software with 360° degree / 3D object rotation functions, mouseover zoom extension and other extensions like diverse image galleries. It has all features to be implemented in responsive and non responsive layouts.

AJAX-ZOOM is developed in Germany and was first released in the year 2010. From then until now it has been continuously improved, enhanced and supported. AJAX-ZOOM is based on jQuery (JavaScript) and PHP.

With this fully-featured solution, it is possible to present even ultra-high-resolution photos online in best quality. Via the approx. 400 optional parameters and CSS, AJAX-ZOOM is very flexibly configurable and re-skinable. All controls can be individually disabled and/or changed in their appearance. Seamless integration into any web page is thus guaranteed.

All you need is a LAMP (Linux, Apache, MySQL and PHP) web server. However AJAX-ZOOM can be also implemented in ASP.NET / IIS web applications without PHP via "Phalanger". For optimal quality and speed, AJAX-ZOOM offers full ImageMagick® support, although LibGD integrated into PHP is generally sufficient. JPG, TIF, PNG, BMP, GIF and PSD image types are supported (TIF & PSD only with "Imagemagick").

Multi-resolution

AJAX-ZOOM uses image tiling, multi-resolution technology. It dynamically loads only requested parts of the high-resolution image depending on the zoom level / viewport. Just as you can see it in Google Maps application when zooming, the view is visibly sharpened.

AJAX-ZOOM can process image tiling "on-the-fly" or it can batch convert thousands of images with just a couple of steps. A PHP based Script is provided for batch processing. This means, that AJAX-ZOOM can be easily integrated into already productive websites within shortest possible time. The high-resolution source images are not changed.

AJAX-ZOOM can also be set by certain settings to protect the source image, to the extent that AJAX-ZOOM is suitable for commercial image providers.

As an example you can set and adjust options to instantly watermark image tiles and all other cached images. Since original, big sized image, never loads into browser cache the whole parent directory which contains high resolution images can be protected e.g. with htaccess from being accessed over internet.

However, since AJAX-ZOOM version 5.3.0, AJAX-ZOOM has an option ("simpleMode") to load the entire original image on zoom or whenever it is suitable. In this case, it is loaded entirely into browsers cache, which is ok for smaller resolution images. Approximately up to 4 million pixels the performance is ok. Depending on the license type, you can also set a resolution threshold to either load the original image directly or use multi-resolution image tiles.

Compatibility

AJAX-ZOOM works in all modern browsers but is also able to work in legacy IE 7 and IE 8 for the most features. On mobile touch devices AJAX-ZOOM supports pinch-zoom, double tap and two finger pan. On Windows devices, which have a mouse control and touchscreen, AJAX-ZOOM works great as well.

Needless to say, AJAX-ZOOM does not need any browser extensions like Flash, Java or Silverlight. Only JavaScript must be enabled in the browser. JavaScript is enabled by default in standard configurations for all browsers and consumer devices, achieving near universal viewing.

API, callbacks, extensions

AJAX-ZOOM has an extensive library with API functions, callbacks or hooks, as well as some extensions. With the API functions and callbacks you can create sophisticated web applications without modifying the actual AJAX-ZOOM code. Our team can tailor customized templates (blueprints) to streamline your project. If necessary AJAX-ZOOM functionality will be extended.

Extensions include, for example, the hotspot editor, mouseover zoom or various gallery scripts. These extensions extensively make use of AJAX-ZOOM API functions or callbacks and are structurally very similar to any jQuery plugin, which is controlled by options.

An extension of such a simple extension could be found in example21.php. In this extension images are instantly read from different directories and displayed in a thumbnail view gallery. The user can switch between the directories. When you click on a thumbnail, the image will open in the AJAX-ZOOM player.

In the download package you will also find fairly complex extensions. Even though it is very special, example34.php could serve as a good example. In this example several images of an old newspaper are loaded into canvas with a gallery. Previously, they were subject to an OCR scan, with the position and dimensions of each word stored in XML files. Users can search for a word using autosuggest field and if available, a list of pages and search results is output below the field. When the user clicks on a search result, the corresponding page is switched and the word found is visually marked by a rectangular overlay. This is done by AJAX-ZOOM hotspot API, as well as simultaneous zoom to the selected hotspot.

Integration example

There are really many ways to integrate AJAX-ZOOM into your website. The easiest way to get to know about this is to follow the examples. There is, of course, no best way, because it depends on your requirements, the way AJAX-ZOOM should look and other factors. The following example represents therefore one of many possible solutions:


		<!-- Put the placeholder DIV where ever in the <body> -->
		<div id="test">This id a placeholder DIV</div>
		<script type="text/javascript">
		// Create new object
		var ajaxZoom = {}; 

		// Define the path to the axZm folder
		ajaxZoom.path = "/axZm/"; 

		// Define your custom parameter query string
		ajaxZoom.parameter = "zoomData=/pic/zoom/fashion/some_image.jpg|/bilder/ordner1/test.png&example=8"; 

		// The ID of the element where ajax-zoom has to be inserted into
		ajaxZoom.divID = "test";
		</script>

		<!-- Include the loader file -->
		<script type="text/javascript" src="/axZm/jquery.axZm.loader.js"></script>
	

The above code can be examined in example9.php. It loads a simple gallery with horizontal slider but you could also load a 360 / 3D by changing ajaxZoom.parameter to e.g. ajaxZoom.parameter = "3dDir=/pic/zoom3d/Uvex_Occhiali&example=17" where "3dDir" paramter is the path to the folder with 360 images and "example" is the parameter with defines configuration set loaded for the player. You can easily extend configuration sets or change existing ones in /axZm/zoomConfigCustom.inc.php;

Iframes, however, are the simplest way to handle many players with e.g. rotatable product views or high-resolution images with zoom at the same time. The AJAX-ZOOM Player automatically adjusts itself to the responsive iframe and can even be brought to full screen view by users, which also works in IOS Safari (iPad, iPhone). In example13.php you can see some examples of an iFrame integration.

Future versions

As we are constantly working to improve the software, your wishes, objections and suggestions are greatly appreciated. Below are some thoughts of what should be done.

Limitations

Latest news

2018-08-10 Ver. 5.3.4+ Complete rebuilt of the AJAX-ZOOM batch tool. Amongst other improvements and features, the new batch tool allows to generate 100% of all cache needed for the frontend, set important options over the menu, save these options into an external file to load in a different session and preview images directly in AJAX-ZOOM player.
2018-06-29 Ver. 5.3.0+ New "simpleMode" option and "Simple" license type released. The "Simple" license does not have number of images restriction (unlimited) and is more affordable.
2017-11-07Ver. 5.0.13+ Added support for PHP 7.1 / 7.2
2017-08-16Ver. 5.0.7+ All examples are now responsive out of the box
2017-08-04Ver. 5.0.4+ Galleries use now smooth and animated swipe gesture for desktop and mobile devices
2017-06-27Ver. 4.4.10+ Substantial increase in performance of the smoothness during interactions within the player across all devices
2017-06-11AJAX-ZOOM iFrame embedding can now be triggered fullscreen on mobile devices including IOS
2016-09-30OXID eCommerce AJAX-ZOOM module released
2016-08-03Hotspot editor has been heavily revised, new features... ready for integration into modules...
2016-05-04WordPress WooCommerce AJAX-ZOOM Plugin released
2016-04-25Integrated 360° / 3D "Product Tour" for mouseover zoom
2016-03-07Ver. 4.3.1+ Works now on Windows notebooks with touch display including pinch zoom on Windows 8 / 10 with Chrome... (touch events), IE 11 and Edge (pointer events)
2016-01-20Opencart AJAX-ZOOM Plugin released
2015-12-07Shopware AJAX-ZOOM Plugin released
2015-09-14New Magento AJAX-ZOOM module released
2015-07-26Ver. 4.2.7 - brought back AJAX-ZOOM ASP.NET Phalanger edition
2015-06-20PrestaShop AJAX-ZOOM module released
2015-04-07Ver. 4.2.2 released. New fully responsive mouseover zoom
2015-03-15Ver. 4.2.1 released. All examples reviewed or replaced. New functions, several optimizations
2013-02-18Ver. 4.0.1 released. Countless bugfixes and new features such as long-awaited hotspots

License

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.

Comments (132)

Vadim Jacobi 2018-08-16 17:30:23
Vadim Jacobi @Max: the original, high-resolution image does not need to be loaded into the player. The path to the source of this image can be protected from being accessed over http. This can be achieved by e.g. htaccess rule on apache servers or others on different servers. If you want a 100% protection, you should consider enabling the convenient AJAX-ZOOM wtrmrk option, where it is possible to let the software also watermark the image tiles at different pyramid levels automatically. As the watermark, you can define a PNG image of your choice.
Max 2018-08-16 05:36:56
Max Hello. Can you please tell me, are the images that in this player somehow secured from downloading via parsing the website?
Can you provide a comparing table with some cheaper player or maybe a list of achievements for this player?
Vadim 2018-06-30 14:47:36
Vadim @mandeep: from what I know it is not possible to use AJAX-ZOOM in a vb.net project
mandeep 2018-06-30 13:13:42
mandeep Sir,
can we use 3d zoom with Vb.net,
or can you customized so we can use with our vb.net project
Vadim Jacobi 2016-09-20 11:21:24
Vadim Jacobi @ag: yes, you can download AJAX-ZOOM and test the hotspots with your own spin images.
ag 2016-09-20 11:00:42
ag Want to know more about hotspot integration. will free version file works ? wanted to test using difrent images in place of cycle.
Vadim Jacobi 2016-04-22 19:17:48
Vadim Jacobi Hello Andrew. I am not sure what you are going to do. Is it about "3D" with multilevel, meaning that you will have more than just one row, like this one? - http://www.ajax-zoom.com/examples/example28.php

If so, how do you get 5000 images? This would mean that you have also about 70 vertical rows which is way too much I would say. The highest we have is http://www.ajax-zoom.com/examples/example15_vr9.php with 810 images, but it is more an example of what is possible and not how one should do it :-)
Andrew 2016-04-22 19:06:41
Andrew Hi Vadim, I'm thinking of using Ajax-Zoom for a full X-Y-Z-360 image of about 3000 pixels per frame. I need it to be smooth so would use at least 72 frames per rotation. How would Ajax Zoom cope with loading >5000 hi-res images? Would it simply load the relevant tile from the image pyramid?

Many thanks,

Andrew
Maniraj 2015-01-13 07:18:56
Maniraj Really zoom over function will very nice.
Vadim Jacobi 2014-08-29 20:32:24
Vadim Jacobi Enzo: there are quite many options to work with hotspots and ofcourse you can use different images, sizes, actions and so on. If you could send me some more detailed draft or maybe even a mockup of what you will be developing, then I could tell you if this is possible with AJAX-ZOOM.
Enzo 2014-08-29 20:07:25
Enzo Hello, can I have more options to select on hotspot, like colors or other? My idea is to integrate ajax -zoom into my website (asp.net) for configuring bikes(frames, forks, wheel, etc).
Thank you
Vadim Jacobi 2014-06-18 19:22:18
Vadim Jacobi Hello Hans, stitching is not provided. This is a task of desktop software and there is plenty of it on the web. Zooming to certain coordinates is possible with the API zoomTo (please check the documentation). It is possible to define zoom level with x1, y1 coordinates or x1, y1, x2, y2 coordinates and some other parameters. Next version 4.1.9 will even provide an online utility to ease the setup of defining these values.
Hans 2014-06-18 18:59:55
Hans 1) Do you provide stitching of multiple (40 - 50) high res pictures?

2) Then, do you provide zoom at a certain (X,Y) location?
Marsh Jaison 2014-05-27 11:47:06
Marsh Jaison hi can we do a image rotate
Vadim Jacobi 2014-03-21 15:49:37
Vadim Jacobi Hello Mark! Interesting question. I would say more yes than no. Depending on the layout and functionality of your application a different API set could be used. I would suggest that you contact us directly with more detailed information, thanks.
mwillard 2014-03-20 18:17:01
mwillard I am curious if the solution has image draping option. Thanks.
Mark
Kobayashi Online 2014-01-28 17:14:54
Kobayashi Online We could not be more thrilled with the excellent service and level of commitment demonstrated by Vadim. He provided us with a 3D plugin for a site we were developing, groundradar.com. He even went in so far as to Skype us when we needed technical support. Everyone at Kobayashi would like to give Vadim a big, warm thank you!
Vadim Jacobi 2013-10-16 10:21:32
Vadim Jacobi Max: you might want to take a look at this API: http://www.ajax-zoom.com/index.php?cid=docs#api_zoomSwitchQuick

There is also an option to enable this switching for internal built galleries: http://www.ajax-zoom.com/index.php?cid=docs#gallerySwitchQuick
Max 2013-10-16 04:56:14
Max It would be great if you had the before-after function. Two photos at the same dimensions and the possibility to switch from one to another while keeping the same position and zoom from the one before - this way all the details of the after image would be more relevant. Let me know if you have this feature and I've missed it.
Thank you and congratulations for a great work!


Leave a Comment

Looking for a place to add a personal image? Visit www.gravatar.com to get Your own gravatar, a globally-recognized avatar. After you're all setup, your personal image will be attached every time you comment.

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!

Live-Support-Chat