Release date: October 1st, 2018
Current version: 5.3.8
Change log

AJAX-ZOOM demo

Modules / plugins

It is not required to use the AJAX-ZOOM "Modules / plugins / extensions", as AJAX-ZOOM can be used as stand-alone application or integrated manually nearly in any system. However, if a module is available for your system, it will facilitate and speed up the integration of AJAX-ZOOM into your CMS or e-commerce / shopping cart tremendously. If your server meets all technical requirements, then you will have AJAX-ZOOM running in your system within two minutes. You can install and configure these AJAX-ZOOM modules with just a few clicks and 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 for implementation into responsive and non-responsive layouts.

The development of AJAX-ZOOM takes place in Germany. The first release dates back to the year 2010. From then until now it has been continuously improved, enhanced and supported. AJAX-ZOOM uses jQuery (JavaScript) and PHP.

With this fully featured solution, it is possible to present even ultra-high-resolution photos and 360 product views online in best quality. Via the approximately 400 optional parameters and CSS, AJAX-ZOOM is very flexibly configurable and re-skinnable. 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 e.g. a LAMP (Linux, Apache, MySQL and PHP) web server. However, you can also implement AJAX-ZOOM into ASP.NET / IIS web applications without PHP via "Phalanger". For optimal quality and speed, AJAX-ZOOM offers full ImageMagick® support, although LibGD, which part of any default PHP installation, is generally sufficient. The supported image file types are JPG, TIF, PNG, BMP, GIF and PSD (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, which depends on the zoom level, viewport and screen resolution. Just as you can see it in Google Maps application when interacting with the map, the view visibly gets sharper on zooming and panning.

AJAX-ZOOM can process image tiling "on-the-fly" or it can batch convert thousands of images with just a couple of steps. In the download package, you will find a PHP based script, where you can select folders containing many images and batch process them automatically. This means, that you can easily integrate AJAX-ZOOM into already productive websites within shortest possible time. Your high-resolution master / 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 for automatic watermarking of the image tiles and all other cached images. Since original, large image, never loads into browser cache the entire parent directory, which contains high-resolution images can be protected e.g. with htaccess from being accessed over internet.

However, starting from AJAX-ZOOM version 5.3.0, AJAX-ZOOM can also load the original image ("simpleMode" option) instead of image tiles whenever it is suitable, e.g. on zoom. In this case, the image loads entirely into browsers cache, which is fine for smaller resolution images. Approximately, up to 3 - 4 million pixels the performance losses are negligible on modern devices. 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 fingers zoom & pan. On Windows devices, which have a mouse control and touchscreen, AJAX-ZOOM works great for touch interactions on screen too.

It is needless to say, that AJAX-ZOOM does not require 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 example 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 some more complex extensions. Even though it is very special, example34.php could serve as a good instance for API usage. 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 search field. When the user clicks on a search result, the corresponding page loads automatically and AJAX-ZOOM marks the word found on that page visually by a rectangular overlay. This page switching, marking and simultaneous zoom to the selected word are triggered by AJAX-ZOOM hotspot API methods.

Integration example

There are several different ways to integrate AJAX-ZOOM into your website. The easiest way to get to know about this is to inspect the examples and documentation. There is, of course, no best way, because it depends on your requirements, the way AJAX-ZOOM should look like 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>
	

You can examine the above code within a HTML context 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" parameter 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 size and can be brought to full screen view by users, which even works in IOS Safari (iPad, iPhone). In example13.php you can see many examples of integrations over iframe including lazy loading iframes.

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

Important product innovations

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-07 Ver. 5.0.13+ Added support for PHP 7.1 / 7.2
2017-08-16 Ver. 5.0.7+ All examples are now responsive out of the box
2017-08-04 Ver. 5.0.4+ Galleries use now smooth and animated swipe gesture for desktop and mobile devices
2017-06-27 Ver. 4.4.10+ Substantial increase in performance of the smoothness during interactions within the player across all devices
2017-06-11 AJAX-ZOOM iFrame embedding can now be triggered fullscreen on mobile devices including IOS
2016-09-30 OXID eCommerce AJAX-ZOOM module released
2016-08-03 Hotspot editor has been heavily revised, new features... ready for integration into modules...
2016-05-04 WordPress WooCommerce AJAX-ZOOM Plugin released
2016-04-25 Integrated 360° / 3D "Product Tour" for mouseover zoom
2016-03-07 Ver. 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-20 Opencart AJAX-ZOOM Plugin released
2015-12-07 Shopware AJAX-ZOOM Plugin released
2015-09-14 New Magento AJAX-ZOOM module released
2015-07-26 Ver. 4.2.7 - brought back AJAX-ZOOM ASP.NET Phalanger edition
2015-06-20 PrestaShop AJAX-ZOOM module released
2015-04-07 Ver. 4.2.2 released. New fully responsive mouseover zoom
2015-03-15 Ver. 4.2.1 released. All examples reviewed or replaced. New functions, several optimizations
2013-02-18 Ver. 4.0.1 released. Countless bug fixes and new features such as long-awaited hotspots

Latest blog articles

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 (134)

Vadim Jacobi 2018-09-04 00:48:30
Vadim Jacobi @Nascimento: AJAX-ZOOM works with a sequence of individual images. They need to have unique file names and uploaded into a folder. Then, you point the product tour editor to this folder, create your presentation, save it, and use an example35_x to load... to skip all that rather complicated material I suggest that you use WordPress, which you probably use anyway and the AJAX-ZOOM Plugin for WooCommerce, see under Modules -> WordPress (short code) on this page. Going this way you do not need to write a single line of code and have the possibility to upload the images over the WP backend, create your product tour there, generate a short code and place it anywhere on your WP page. Hope that helps. If there are still any questions, do not hesitate to use the contact form. We do not bite :)
Jonathas Nascimento 2018-09-03 20:01:36
Jonathas Nascimento Hi, Mr Jacobi.
How exactly the "360º Produkt tour" works? Need I to upload a sequence of individual images that will be showed as in the exemple? Or a .psd file (or other specific type of file) with the complete sequence of images? Sorry if my question sounds stupid, but I am a photographer and I didn´t understand how it works exactly.

Best regards.
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!
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.
Vadim Jacobi 2012-09-13 22:01:05
Vadim Jacobi To all of You who was asking about clickable / mouseover etc. hotspots: the next AJAX-ZOOM version 4.0 will definitely support hotspots! At 2D, 360 and 3D modes, at all zoom levels and at fullscreen mode. Basically it is already working on our prototype, we just need to write an API for handling it (the easy but intriguing part). Hopefully this will be the last new feature among many, many others in version 4.0 so we will be able to present it to You shortly.
vik 2012-08-09 07:24:20
vik how to save the file? Can it be used with java B/e
Subbu Vadali 2012-07-20 20:35:57
Subbu Vadali We are looking at this tool to integrate with one of our products and certainly require some customization. A couple of such things are: adding annotations, on demand highlighting of text inside the images etc.. Can you please give me details on what would it cost to add these customizations? We are looking at an unlimited .NET version.
Gerhard 2012-05-21 10:33:08
Gerhard Hey guys.

Great plugin, but is it possible to integrate it in to a site that does not use PHP or ASP.NET?

We're looking at incorporating this in to a few of our e-commerce sites.


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