Example

Nearly all examples and implementations are responsive ready!
360° - Zoom
2D - Zoom
Hotspots
360° Product Tour
Mouseover Zoom + 360°
3D - Zoom
Gallery
Lightbox
Replace
Demo watermark: - Enabled - Disabled
Enabling watermark allows effective protection of Your original source images without any compromises.

Modules / Plugins

"Modules / plugins or extensions" are not needed to use AJAX-ZOOM. However they can facilitate the integration of AJAX-ZOOM into various established CMS or e-commerce systems. Recently we have started to develop modules which can be installed and configured with just a few clicks. More information about modules and planned development can be found here.

About AJAX-ZOOM

AJAX-ZOOM is a powerful image zoom & pan plugin with 360° rotate option, jQuery image gallery option based on jQuery (JavaScript) and PHP. It is a completely packaged jQuery zoom solution to present high resolution images on the web. With over 300 other options AJAX-ZOOM is very flexible regarding it's appearance and can be seamlessly integrated into any website - branding free!

AJAX-ZOOM doesn't require any browser plugins such as Flash, Java or Silverlight. It works great on iPhone/iPad and other mobile devices.

AJAX-ZOOM is perfect for E-Commerce, extended product presentations and other applications, where high quality images make the difference.

AJAX-ZOOM can also protect high resolution images. Thus AJAX-ZOOM allows photographers and digital stock photography companies to present the real quality of an original sized image without being worry about copyright infringement.

AJAX-ZOOM does not require any cost-intensive investments in hardware. There is also no need to install a third party imaging server. All You need is a standard web server with PHP or hosting account to make AJAX-ZOOM work on Your website.

As a Phalanger compiled version AJAX-ZOOM can run as 64bit application on ASP.NET. Besides the "native" PHP GDlib functions AJAX-ZOOM supports ImageMagick® for optimized speed and quality.

AJAX-ZOOM can proceed images "On-The-Fly" or it can batch convert thousands of images with just a couple of steps. This means that AJAX-ZOOM can be integrated into already productive websites filled with any number of products and images within a shortest period of time. Give it a try!

6.0+ 2.0+ 2.0+ 1.0+ 9.5+ 2.0+ 4.0+ Pinch zoom, tap zoom,
swipe

Reasons Why

  • AJAX zoom is not SaaS / ASP (Application Service Provider) application. Everything is on Your server fully controlled by You!
  • No recurring costs, free updates.
  • Continuously under development. Custom modifications on demand.
  • iPad ready.
  • Stepless Zoom, Pan and Crop interface with mousewheel support (zoom to point).
  • 360° spin & zoom support (3D object rotate)
  • iPhone / iPad support.
  • Fullscreen view.
  • Various image protection options, dynamic watermarking / annotating.
  • Source images and tiles never load into cache! The source folders can be .htpasswd protected.
  • Powered by the popular jQuery javascript library, which is a future-proof investment.
  • No plugins like Flash, Java or Silverlight required.
  • Compatible with all major browsers.
  • Supports JPG, TIF, PNG, BMP, GIF und PSD image types (TIF & PSD only with "Imagemagick")
  • Works with any DOCTYPE, also in quirks mode!
  • Skinable over CSS and more than 300 customizing parameters controlling colors, layout, size and behavior. In fact almost every possible option is configurable.
  • Branding free. Ajax loader and the background can be replaced with your own images.
  • Native PHP GDlib and ImageMagick support.
  • Build in galleries: vertical (left, right), horizontal (top, bottom) and "inline", all with a slideshow option.
  • Single source imaging - "on-the-fly" generation of all necessary thumbnails and tiles from one master image.
  • Batch conversion with a single php file - can easyly be integrated into any CMS.
  • Many different ways of integration!
  • Several API methods to control behaviors like zoom to a specified image area in this example, load a different photo or entire picture set, thus making AJAX-ZOOM easily extandable.
  • Can easily be integrated with or into popular "lightbox clones" that support Ajax content or Iframes.
  • All the freedom to generate a php array with the required images - static, dynamic from any database, directory or whatever. Commented examples are provided.

Way of Functioning && Image Protection

Image pyramid

In order to understand why AJAX-ZOOM provides solid protection to your photos it is necessary to understand how image zoom technology normally works:

The most efficient way to provide high resolution imaging on the web can be achieved by making an "image pyramid" out of the source image and slice it into small tiles, see the scheme to the right. Whenever the user requests a portion of the image while zooming only couple needed tiles of a level are sent to the client's browser. However, since these tiles are loaded by the client's browser or can be accessed over http, they can be theoretically reassembled (stitched together), thus restoring the entire original image.

AJAX-ZOOM has various options to watermark the tiles and all other cached images instantly! Since original big sized image never loads into browser cache the whole parent directory while contains high resolution images can be protected e.g. with htaccess from being accessed over internet. All image files such as tiles and other are instantly created on first load or they can be created with a batch file (PHP). This applies for 360 degree / 3D animations and single images. Thus you only need to define the path to the folder with your high resolution 360° images or the path to the image file for single image.

Integration Example

There are numerous ways of how to integrate AJAX-ZOOM into your HTML. The easiest way to explore the possibilities is checking the examples. There is no "best" integration solution as it depends on how AJAX-ZOOM needs to be displayed, e.g. in a lighbox, how the information about the desired images is passed (see Defining the images) and it depends on your possibilities to edit the sourcefiles of a content management system, blog or online store.

The following example represents only one posible solution:


<!-- 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>
	

Future Versions

As we are constantly trying to improve our software, Your wishes, objections and suggestions are greatly appreciated. Please do not hesitate to contact us or leave a comment.

  • Integration in various ecommerce platforms and CMS - in progress.
  • Easy CDN support probably starting from Amazon S3.
  • Page flip?
  • More skins.
  • Velocity spin - done
  • IOS 6 Fixes - done.
  • Touchscreen gestures for zoom in/out - done.
  • Hotspots integration - done (www.ajax-zoom.com/examples/example33.php)
  • Z-axis as extension for 360° spin and zoom - done.
  • ASP .NET version? Works best with Phalanger - done. Better handling in coming.
  • 3D (360° spin and zoom an object) - done.
  • 360° spin and zoom for Magento - done.
  • Fullscreen mod - done.
  • 360° spin and zoom for XT:Commerce (VEYTON 4, xtcModified), Oxid - done.
  • Full iPod / iPhone & co. touchpad events support - done.
  • Slider for zoom in and out - done
  • Defineable position for image map, also outside of main container - done.
  • Integration with Adobe scene7 image server.

Limitations

  • Currently only one instance per page is possible. Still there are various ways to present infinit number of players on a page, e.g. as in this example. You could also dynamically load different content into one player e.g. as in this example.
  • Licensed version will only function under the registered domain name(s). The demo/free version can be tested and developed on localhost. For an additional charge the unlimited version can be purchased to be used on intranet. Please contact the support for more information.

Latest news

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

Licence / Prices

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.

Comments (126)

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



Leave a Comment

Name (required):
Email (required):
Website:
Your comment (no html):
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.