| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
See AJAX-ZOOM in action on
Magento
Integration quide |
|
See AJAX-ZOOM in action on
xt:Commerce (xtcModified, Gambio, VEYTON 4)
Integration quide |
|
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

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



Can this software cope with these requests ?
Many thanks
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.
I appreciate it!
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.
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.
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!
Thank you.
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
and also how to stop the image from centering when the image is clicked.
thanks
where is the annotation feature please?
------------------------
Hi Knacky, an annotation feature is already implemented. You can annotate in multimple places with a background and font(s) of your choice (ttf). Please check the documentation :-)
Also will the hotspots be able to: display swf, images, url links, video, html?
Thanks again
For example, I have a map with a church on it. As well as the hotspot on the image (map) the church would also be clickable for the navigation side bar, acting like a shortcut.
That make sense?
Thanks
Thanks
I've been looking at various different programs like yours today and have got myself a little mixed up!
Thanks
http://www.xtc-load.de/2010/08/ajax-zoom-fur-xtcommerce/
I like the solution with iframe. Do you have a demo I can put into my iframe to show to my boss until I hopefully get him convinced to buy this beautiful toy :o)
is it possible to have links in the images, specifically referring to the new spin feature. i am aiming to create a 3d graphic that people can rotate and zoom into and then select the section that they wish to view in more detail.
The other way to append a div with the PNG image mask manually, see in this example the way custom toolbar is appended: http://www.ajax-zoom.com/examples/example16.php
Either way - you can get the cropping coordinates with jQuery.axZm.lastZoom object containing all you need to crop and print the original image with your mask on it. For more info take a look at API section in docs.
Will you let me pan to a specific location on an image, i.e. show a small part of the original image like a map
i like ajax-zoom software,but i don't install it on my localhost.
;i use sourceguardian to process installation . such as: http://127.0.0.1/ajax_zoom/loaders/sourceguardian/howto-install.php
Thanks for your support!
br/lbs
I'm Impressed!
If possible, could you forward information or a guide on integration into other CMS systems, I am a developer of custom Drupal modules and would like to create a module to automatically integrateAjax Zoom in to all my forthcoming projects.
If so... that would be extremely nice and a lot of people will use it.
Is it possible to use image maps (e.g. useMap="#map_info") on the big image?
Is it free to use in open source project?
Thanks!
Doc
very.. very.. wonderfull.. :D
Answer: Take a look at this projects website: php-compiler.net and tell me if it worked. Thank you.
$(window).load(function(){setTimeout(function(){$.fn.axZm();}, 1000);});In case you use drawZoomJsLoad class method you need to adjust it accordingly in axZmH.class.php
I've downloaded and tried to use ajax-zoom plugin using JQuery. It works well , except for condition when I refresh my page twice in a very short interval, not allowing my first refresh to complete loading the page. In this case your plugins stuck and hangs the browser. This problem comes every time I double refresh my page. I was planning to buy your product for commercial use, but after seeing this problem , I've taken a step back. I suggest you guys to look into this problem and resolve it because what you have made is really good tool.
:)
Answer: We did not try it yet, but take a look at this projects website: php-compiler.net Did it help?