About

Following You will find several examples of how to integrate AJAX-ZOOM into Your application. Most examples are included in the download package. Some additional jQuery plugins are used to demonstrate various ways of implementation. The examples differ not only in the graphical appearance, but they also demonstrate the different methods of retrieving data, integrating AJAX-ZOOM into HTML and extending it for advanced usage. Some major options like gallery, loading image tiles directly or stitching them together server side etc. vary throughout this small presentation. All options however can be easily changed in every example by simply adjusting them in the config file. Have fun exploring. If You have any additional questions regarding whatsoever please contact the support.

Open above example

Embeded example with a possibility to visually change some options such as gallery types, motions, positions, colors, watermarking, image quality, sizes and many others. The visual configurator is under development, so only some basic options can be changed there right now.

Modules & Plugins

Open above example	An implementation of AJAX-ZOOM, Version 2.1.0+ in the demo installation of Magento store. Only one include to add in head.phtml and a replacement of media.phtml in Your templates. A sptep by step instruction can be found in the download package (axZm/mods/magento/readme_manual.txt) or here.
Open above example	An implementation of AJAX-ZOOM, Version 2.1.3+ in the demo installation of xt:Commerce store. A sptep by step instruction can be found in the download package (axZm/mods/xtc/readme_manual.txt) or here.

More Examples

Open above example	Demonstration of the new feature introduced in Ver. 2.0. Image tiles are loaded directly (without stitching server side). Effective watermarking is not possible.
Open above example	Open AJAX-ZOOM in a lightbox from a simple link as ajax content.
Open above example	Embedded example. Also contains a demonstration of how to externally load a different set of pictures into AJAX-ZOOM without reloading the page. Custom frame around AJAX-ZOOM.
Open above example	Since Ver. 2.1.2 it is possible to load images into the gallery from different locations. Before all images in the gallery had to be under the same path. The Magento commerce implementation of AJAX-ZOOM uses a similar approach.
Open above example	Demonstration of the methods jQuery.fn.axZm.zoomSwitch() and jQuery.fn.axZm.loadAjaxSet() to switch single images or entire image sets.
Open above example	Embed AJAX-ZOOM with the help of a custom loader script. Needs only a couple lines of code.
Open above example	A demonstration of the jQuery.fn.axZm.zoomTo() method, which lets You to zoom into the predefined portions of an image. Also with an additional javascript it is possible to retrieve the cropping coordinates of the original image.
Open above example	An example of creating a simple external gallery and open a lightbox with AJAX-ZOOM by clicking on the thumbnail.
Open above example	Basically the same as the previous example. The thumbnails however are loaded into an other jQuery plugin (jqDock menu).
Open above example	Demonstration of the methods jQuery.fn.axZm.zoomSwitch() and jQuery.fn.axZm.zoomPrevNext() for switching images by external JavaScript. This example uses a different skin.
Open above example	Open AJAX-ZOOM in a lightbox from a simple link as iframed content. Right now this is the only possible solution to make AJAX-ZOOM work cross domain, e.g. in eBay auctions.
Open above example	Load AJAX-ZOOM in an iframe. The simplest way to implement AJAX-ZOOM anywhere. Cross-domain capable.
Open above example	For developers - intoducing callback functions. The demonstration shows callbacks in a browser console as an example.

Custom mods

Open above example

This example is a custom build extension of AJAX-ZOOM. The task was to make a calendar as navigation interface for several security cameras. Images are copied to a specified directory by a third party software where AJAX-ZOOM can grab them and sort by date and time. The core files of AJAX-ZOOM have not been modified. Thus the extension is fully updateable. Not offered for download.

News

Latest news

Notes

The additional plugins are licenced under MIT, so You can use them in your own projects. For displaying AJAX-ZOOM in a lightbox we recommend to use the under MIT available Fancybox.

In example 1, demostrating some of the options, it is possible to choose between differen cropping methods. For images located in high resolution folder this option is switched off and defaults to "Image Pyramid with Tiles".