Release date: November 7th, 2017
Current version: 5.0.13
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 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.

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

2017-11-07Ver. 5.0.13+ Added support for PHP 7.1
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 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.

License Images Resolution Branding Support Price PHP ASP.NET
Light 500 3.2 MP AJAX-ZOOM pre-sale Free Free
Evaluation 500 no limits AJAX-ZOOM pre-sale Free Free
Developer 500 no limits AJAX-ZOOM - - -
Basic 500 no limits - yes €129.00* €179.00*
Standard 1.500 no limits - yes €199.00* €299.00*
Business 5.000 no limits - yes €349.00* €499.00*
Corporate 10.000 no limits - yes €549.00* €799.00*
Enterprise 20.000 no limits - yes €949.00* €1399.00*
Unlimited no limits no limits - priority €1499.00* €1949.00*

* All prices are excluding VAT; in the EU (European Union) this offer exclusively addresses professional customers which have a valid VAT-ID; this does not affect customers from outside of the European Union; for customers located in Germany 19% German VAT will be added (zuzüglich 19% MwSt); If you are from an EU country and do not have a valid VAT-ID yet, then please ask your web development company which has a valid VAT-ID to purchase AJAX-ZOOM for you; if for some reason this is not possible, then please contact AJAX-ZOOM support; prices are subject to change without notice.

Number images info: if you have an online shop with 1.200 products and on average three product images, You will need a license which can handle up to 3.600 images - in this case the "Business" license.

For 360° rotate / spin tool each frame counts as one image. If you have 250 product spins with 36 frames each You would need a "Corporate" license (9.000 images).

For upgrades between license types see "Version Updates and Upgrades" in the license agreement. Please find the license agreement and other additional information in the download section.

Multistore (Master & Slave) with different domain names: the license price for an additional domain is 30% of the main license price, but not less than the regular price of the "Business" license. To receive an offer / invoice please contact.

ASP.NET / PHP - if you are using one of the modules like AJAX-ZOOM for Magento, Prestashop, Shopware, WooCommerce and the like or integrate AJAX-ZOOM manually into a LAMP system (Linux, Apache, MySQL and PHP), NGINX / PHP [...] you certainly need PHP license! ASP.NET is for IIS (Internet Information Services / Server) and other Microsoft products without native PHP installation.

Comments (128)

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!
newwebsitethemes 2013-08-26 08:13:12
newwebsitethemes Very useful and great zooming effect using jquery and css coding, absolutely design for product gallery, thank you for posting this lists.
Carsten 2013-08-23 20:23:28
Carsten We are really looking forward to build it into our Shop System
safyhost 2013-03-28 08:47:42
safyhost really like the zoom option is just amazing..thanks..:)
Vadim Jacobi 2013-02-18 22:31:38
Vadim Jacobi Hi People. Thanks for all your suggestions and bug reports. We finally released Ver. 4.0 with clickable hotspot support. Take a look at http://www.ajax-zoom.com/examples/example33.php There is an other example which is worth to take a look at: http://www.ajax-zoom.com/examples/example32.php If you have any other suggestions and remarks, do not hesitate to drop us you thoughts.


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