2D - Zoom
360° - Zoom
Quick Demo Example

Demo watermark: - Enabled - Disabled
Enabling watermark allows effective protection of Your original source images without any compromises.
Load tiles directly: - Enabled - Disabled
Loading image tiles directly does not allow effective image protection, except when image tiles are watermarked too.
Note: All "AJAX-ZOOM" logos can and are allowed to be removed or replaced in commercial license. The above options are just a couple out of more than 250 options that can be changed! Please check the examples and documentaion.

Latest news

2012-01-18 Pinch Zoom (gesture zoom) beta version released.

2011-09-18 - Magento implementation has been completly revised. Now AJAX-ZOOM can be displayed in at least 4 different mods, e.g. as flyout zoom (mouseover zoom) with dynamic imaging.

2011-08-03 - Ver. 3.3.0 Runs very smooth on iPad.

2011-07-15 - Ver. 3.2.2 Now image tiles can be watermarked.

2011-05-29 - Ver. 3.2.0 Fullscreen mode.

2011-04-06 - Ver. 3.1.0 New interesting example - hover over the image zoom.

2011-03-06 - Ver. 3.0.2 Patch 2011-03-06 The preload process for 360 degree spin images has been accelerated up to 10 times faster.

2011-02-13 - Ver. 3.0.2 Patch 2011-02-13 Integration of 360° product spinner into XT:commerce (xtcModified, VEYTON, Gambio), see this example.

2011-02-06 - Ver. 3.0.2 Patch 2011-02-06 Integration of 360° product spinners into Magento, see this example.

2010-12-14 - Ver. 3.0.2+ Added basic support for touch events on mobile devices like iPhone / iPad etc.

2010-11-22 - Ver. 3.0.1+ VR Objects 360° - 3D Spin & Zoom feature, see this example.

2010-10-24 - Now works on Windows localhost, e.g. with XAMPP.

2010-10-20 - Added compatibility to xt:Commerce VEYTON 4.

2010-10-18 - Ver. 2.1.6+ Oxid eSales Plugin.

2010-10-11 - Ver. 2.1.5+ added support for JPG, TIF, PNG, BMP, GIF und PSD image types.

2010-09-14 - Patch to Ver. 2.1.4 No need to adjust the paths for quick testing manually any more. The paths are detected automatically.

2010-07-28 - xt:Commerce, xtcModified plugin is released with Ver. 2.1.3. See the xt:Commerce demo store.

2010-06-26 - Magento store extension is released with Ver. 2.1.0. See the Magento demo store.

2010-06-10 - since version 2.0.0 it is possible to load image tiles directly without stitching them together serverside. Here is an example of this new feature.

Modules & Plugins Ecommerce

Magento 360 spin & zoom See AJAX-ZOOM in action on Magento
Integration quide
XT:commerce 360 spin & zoom See AJAX-ZOOM in action on xt:Commerce (xtcModified, Gambio, VEYTON 4)
Integration quide
Oxid product zoom See AJAX-ZOOM in action on Oxid eSales
Integration quide
  More comming soon...

Navigation Interface

  • Mousewheel zooms in and out
  • Left mouse click zooms in
  • Right mouse click zooms out
  • Shift + left mouse click zooms out too
  • Tool selection: select area for zoom in
  • Tool selection: pan within the zoomified image

Introduction

AJAX-ZOOM is a powerful image zoom & pan gallery plugin with 360° rotation option based on jQuery (JavaScript) and PHP. It is a completely packaged and free / low cost solution to present high resolution images on the web. With over 250 options AJAX-ZOOM is very flexible and can be seamlessly integrated into any website - branding free! AJAX-ZOOM also doesn't require any browser plugins such as Flash, Java or Silverlight. It's all cross-browser javascript and PHP.

AJAX-ZOOM uses a slightly, from traditional approach different technology. This approach makes it possible to not just show high resolution images on the web but also protect them from unauthorized use. 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. Certainly, AJAX-ZOOM is also suitable for E-Commerce, product presentations and other applications, where high quality images make the difference. From version 2.0.0 on it is possible to load image tiles directly.

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

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.
  • iPad ready.
  • Stepless Zoom, Pan and Crop interface with mousewheel support (zoom to point).
  • Ver. 3.0.1+ 360° spin & zoom support (3D object rotate)
  • Ver. 3.0.1+ iPhone / iPad support.
  • Ver. 3.2.0+ 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.
  • Ver. 2.1.5+ supports JPG, TIF, PNG, BMP, GIF und PSD image types.
  • Works with any DOCTYPE, also in quirks mode!
  • Skinable over CSS and more than 250 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.
  • 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.

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 cut it into small tiles, see the scheme to the right. Whenever the user requests a portion of the image only the needed tiles of a level are sent to the client's browser. However, since this tiles are loaded by the client's browser or can be accessed over http, they can be easily reassembled (stitched back together), thus restoring the entire original image. To get worse - this procedure can be automated.

In its core AJAX-ZOOM uses the same image pyramid technology, but instead of sending the tiles directly to the browser AJAX-ZOOM can put them first together on the server side, optionally watermark the zoomified image and only then send the requested portion as one picture to the client. Neither the tiles nor the original image are ever loaded by the client. Both server locations - with the original images and tiles - can be .htpasswd or otherwise protected.

Optionally AJAX-ZOOM can crop from the original image without making the tiles. This procedure is however slow and highly memory-consuming. The fastest way however is to load the image tiles directly as described above. From version 2.0.0 on it is also possible with AJAX-ZOOM, see this example.

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:

		<?php
		// Define your images
		$zoomData[1]['p'] = '/pic/zoom/fashion/';
		$zoomData[1]['f'] = 'some_image.jpg';
		
		$zoomData[2]['p'] = '/images/folder_1/';
		$zoomData[2]['f'] = 'test.png';
		
		// Compress data array into string
		// Instead of compressing you can also pass the paths to the images directly using | as separation sign:
		// $zoomData = '/pic/zoom/fashion/some_image.jpg|/images/folder_1/test.png'
		$zoomData = strtr(base64_encode(addslashes(gzcompress(serialize($zoomData),9))), '+/=', '-_,');
		?>
	
		<!-- 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=<?php echo $zoomData;?>&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>
	

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

  • IOS 5 Fixes - in progress.
  • Touchscreen gestures for zoom in/out - in progress.
  • Integration in various ecommerce platforms and CMS - in progress.
  • Hotspots integration - in progress.
  • Z-axis as extension for 360° spin and zoom - in progress.
  • Allow more then one instance per page.
  • ASP .NET version? Update: probably not in the nearby future, as it works fine with "Phalanger" (www.php-compiler.net)
  • Crossbrowser HTML5 canvas support.
  • More skins.
  • 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.

Limitations

  • Currently only one instance per page is possible. Still there are various ways to present infinit number of images on a page, e.g. as in this example.
  • Opera browser does not support right click on default. It has to be activated in browser settings. Older Opera versions do not support right click at all.
  • 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.

Compatibility

6.0+ 2.0+ 2.0+ (also on iPad) 1.0+ 9.5+

Licence / Prices

License Images Resolution Branding Support Price PHP ASP.NET
Light 500 3.2 MP AJAX-ZOOM pre-sale Free Free
Partner 500 no limits AJAX-ZOOM pre-sale Free Free
Basic 500 no limits your own yes €79.00* €139.00*
Standard 1.500 no limits your own yes €129.00* €249.00*
Business 5.000 no limits your own yes €199.00* €399.00*
Corporate 10.000 no limits your own yes €299.00* €599.00*
Enterprise 25.000 no limits your own priority €499.00*
€449.00*
€899.00*
€799.00*
Unlimited no limits no limits your own priority €899.00*
€799.00*
€1799.00*
€1599.00*

* For customers located in Germany and none business customers from EU 19% VAT will be added. Limited time offer. 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.

Comments (102)

2012-01-25 23:11:30
Vadim Jacobi
Ed: I do not know if you have seen this example: http://www.ajax-zoom.com/examples/example10.php Maybe this is something for you. Hotspots might be available in one of the next versions...
2012-01-25 16:53:05
Ed
I am looking for something that will zoom into a site engineers drawing on the web, that has hot spots or links in various locations to show photos or info, perhaps in a popup or another page.

Can this software cope with these requests ?

Many thanks
Marcus Heisler
2012-01-22 15:03:54
Marcus Heisler
Hi.

Could Ajax zoom be used to create 3D interactive data for insertion into ibooks2 books? I'm looking for a way to create 3D interactive objects generated from images for ibooks2. As I understand it (and I'm not a programmer but a biologist) the 3D object format for ibooks2 is based on object models (i.e meshes?). I would like to use photographs rather than an artificially generated mesh to create this kind of interactive object. Any suggestions would be very appreciated.
2012-01-12 06:49:39
Life For Rent
really like the zoom option is just amazing..thanks..:)
2012-01-09 12:08:12
Vadim Jacobi
Wil: yes, it is possible to customize the player and turn off certain features. See examples and the docs. If you will have specific questions do not hesitate to contact...
Wil
2012-01-09 03:30:08
Wil
Hi, Is it possible to customize the skin of this plugin and turn off certain features? Just want to know before we buy. Thanks!
2011-11-28 14:11:35
Spark
Interesting post, after I was only looking for a simple Jquery lightbox-image enlarging script, I found this more sophisticated one.

I appreciate it!
2011-11-23 15:56:29
Vadim Jacobi
For download the entire image please see here: http://www.ajax-zoom.com/index.php?cid=docs#Download

If you want to download a croped image, see this example with the callbacks: http://www.ajax-zoom.com/examples/example14.php There you will find all needed parameters to process / crop the original image with your custom PHP script.
2011-11-23 13:09:40
krupa
Is it possible to allow image saving or print?
Krupa patel
2011-11-23 10:42:45
Krupa patel
Hi Vadim,

I want to know that is it possible that crop the image which is zoom using ajax zoom .

My Intension is to crop, rotate, zoom and move and then save it
to mysql data table.

Hope you will reply soon.
Spencer
2011-11-17 18:05:06
Spencer
Is it possible to allow image saving or print?
2011-10-11 17:26:44
Paul Fijma
I have succesfully added the ajax-zoom to my website and my gamers love it.
haven't found out yet (if possible) how to add my ajax-zoom in such a way that it can be used inside/embedded in a forum, but my players love the new way of displaying the maps!
it is the best upgrade for my website in a long time!
2011-09-30 00:22:02
Vadim Jacobi
ASP.NET version implemented with Phalanger (64 bit) will be available soon.
Hassan Abbas
2011-08-05 00:02:40
Hassan Abbas
I have successfully implemented this control in ASP.NET using Phalanger. I am really happy with its performance so far.

Thank you.
2011-07-28 12:25:56
Vadim Jacobi
Chris: it turns out that this is one of the most requested features at the moment. An other words we have decided to implement it. Supposably there will be only the possibility to add hotspots to non zoomed image at first. Then this functionality will be extended. To the timetable: we are working on accelerating AJAX-ZOOM on mobile devices now. On mobile Safari (iPad) this is already reached. The new version will be released in the next few days. After some optimizations like gesture zoom we would like to start with hotspots, also for 360 degree spin. I can not tell you exactly when it will be ready, hopefully soon, as many customers waiting for it :-)
Chris
2011-07-27 22:06:12
Chris
Any update on the "hotspots" feature? I am really looking forward to implementing it in my next project.
Joshua
2011-07-11 22:25:06
Joshua
Hello. I'd just like to first say that from what I've seen so far ajax-zoom is a wonderful tool. Thank you for all your hard work!

I'm wondering if the ajax-zoom software is usable for a project I'm working on. I see that I can load the zoom-objects from a mysql database, but what I'm really looking to do is to load the filenames of the zoomtiles from a database. I already have a database I'm working with, I'm just curious if that's within the scope of what the ajax-zoom software will allow me to modify.

Thanks,
Joshua
2011-06-10 17:07:33
Vadim Jacobi
Eshan: yes, this is certainly possible as there are also ways to prevent downloading the original image intentionally. Take a look at the API section in the docs. There you will find all the information needed.
eshan
2011-06-09 15:42:47
eshan
Great job on this, Vadim. Can we add buttons to the viewer that allow people to download the full-size image as well as print the current view? We have a subscription photo product where we want to allow those actions. Thanks in advance!



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.