AJAX-ZOOM demo
Responsive 360° product viewer / standalone 360° player with deep zoom
One of the outstanding features of the AJAX-ZOOM media viewer is the 360° rotary view of the products / objects.
Each control element (there are plenty of them) can be switched off, expanded and adapted.
In addition, the behavior and feel of the player is adjustable to the most refined detail.
Above is an example of the standalone 360° product viewer with 36 images.
The native resolution of each image is 7216 x 5412px. These are about 39 Megapixels!
The images of the bike were shoot with "Hasselblad" but nowadays there are several affordable
DSLR from "Canon" or "Nikon", which can achieve this resolution range.
Despite the high resolution, the 360° product view is loaded very quickly.
This is due to the multiscale resolution technology where only parts of the image are loaded,
which are needed for the zoom level and viewport.
However, you do not necessarily need to use ultra-high resolution to take advantage of multi-resolution technology in general.
Even with 8, 10 or 20 megapixel images, the difference quickly becomes clear.
If you do not want to use the multi-resolution technology, you can disable it
by enabling the AJAX-ZOOM "simple mode" option. Please find more reading and visual testing on "simpleMode" option
here.
Proceed to more information about 360° product views
or read more on this page...
Hotspots on 360°/3D views or 2D images
Please note that the overloaded example above should only show the range of possibilities, which nevertheless are not shown in full here.
Hotspots (interactive markings on the image) can be placed not only on 360° degree product views but also on 3D product views and regular 2D images including galleries.
Hotspots are also combinable with the "product tour" shown in the next tab.
You can choose to create hotspots with the hotspot editor
contained in the download package
or you can dynamically create them via AJAX-ZOOM API, e.g. from data retrieved from a database,
so you do not have to rely on the hotspot editor, but can dynamically generate the hotspots via JavaScript.
If you are using one of our shopping cart modules,
you will find the hotspot editor in the administrator area of your CMS already integrated and ready to use without additional programming.
However, it is quite easily possible to integrate the hotspot editor into existing applications without using our modules.
The JSON-like code, generated in this hotspot editor, is stored in a file or it can be stored in a database table.
You can change it over a switch within the hotspot editor code.
In this case, the get and put actions are redirected to the AJAX controller path of your choice.
Checkout the hotspot editor
or read more on this page...
Image player / slider with deep zoom
With this player, you can generally display high-resolution, ultra-high-resolution and less-resolving images responsively.
You have the freedom to enable or disable any control element and place them differently.
Swiping between high-resolution images has never been easier and faster before.
In addition, you could add the so-called hotspots (in-the-image markers),
control the player externally via API and expand as desired.
In the download package, you will also find various examples where you can combine the 2D player with our 360° degrees or 3D players,
as well as various video players.
Proceed to basic 2D example integration
or read more on this page...
Responsive multimedia swipe gallery with 360° product spins, images with progressive zoom feature and videos, AJAX and IFRAME content
For a 360 or 3D webview the settings in this example
are set the way,
that the user has only the possibility to spin at none zoomed state.
Upon a click the image or 360 will zoom to it's original size.
An other click at zoomed state causes the image to fully zoom out again.
Additionally a zoom out button appears when the image is enlarged somehow.
The above described behavior is actually typical for many none multi-resolution players, where the original heavy image is entirely loaded at 100% zoom.
With AJAX-ZOOM viewer however, the user does not have to wait until this large image is fully loaded.
AJAX-ZOOM loads only that part of the zoomed image,
which is visible on zoom and the view gets sharp immediately without the user have to download several megabytes of unneeded data volume.
On fast connections the user will not even notice that this part of the image is loaded,
because the corresponding "image tiles" are loaded while zooming transition runs
and the tiles are faded in right after the zoom animation ends or even while the animation runs.
This fairly simple concept is mainly used for showing detailed maps online. Google maps uses this, actually any maps service uses this,
as it would be strange if you needed to download the entire world map to view your neighborhood, right?
With AJAX-ZOOM you can take advanage from this technology without really understanding it.
Simply use this zoom magic in you webstore or product site and profit from this deep zoom enlargement
without worrying about image sizes beeing too large for a web view.
The same is true for mobile users, it simply makes no difference.
Similar functionality with mixed content on one player (360 / 3D, video and regular images)
can be also achieved with this extension / example,
where depending on the settings you can enable mouseover zoom as preview for your high-resolution images.
Proceed to multimedia swipe gallery example and documentation
or read more on this page...
3D zoom & pan product viewer
3D photography images are multiline or multi-row 360 images.
Photos of an object are taken not only from each angle horizontally but also from same angles,
when the camera is shifted vertically following the spherical path.
AJAX-ZOOM does support this multi-row 360 images too. An explanation of how images should be arranged can be found
in this example.
The basic difference between 360° and 3D is that
while for 360° you need to provide path to a folder, where 360 degree image frames are located directly in this folder,
for 3D you need to provide a path to a folder in which AJAX-ZOOM can find subfolders with image frames located in these subfolders for each row.
The number of image files in each subfolder has to be equal.
Naming of the files does not have to follow a scheme, they just need to be named according to a regular sorting algorithm,
however you must name files in each folder differently. This is very important also for 360° images where you
also have to name image files differently even if it is about separate 360° views.
If you want to create not only semi-spherical but also full spherical 3D product views,
please pay attention to the naming and the order of the files for frames, which should show the object from below.
These files have to be named in the mirrored order. It is also easy to make clear why:
take a coin and turn it leftwards looking from top position.
Turning the coin in the same direction look at it from below.
As you can see, the coin now turns to the right.
Still having questions? Please contact
or read more on this page...
Responsive swipe gallery for images only
AJAX-ZOOM has many possibilities to create picture galleries.
Here is a gallery with "internal" slider, which can be arranged vertically or horizontally.
As basically everywhere within AJAX ZOOM, all thumbnails are generated instantly.
There are several predefined methods to determine which images supposed to be loaded into the gallery.
You can pass a list of individual image paths or you can specify a folder path from which AJAX-ZOOM will instantly
read all images and add them to the gallery.
You can use the AJAX-ZOOM API to replace the gallery images,
e.g. load images from another folder. Here
is an interesting example where this API function is used in one of the extensions.
If you prefer this kind of images presentation, but also want to integrate 360 degree views and or videos, please take a look
at example29_responsive_easy
or example32_axZmMode examples.
Proceed to basic 2D example integration with horizontal gallery
or read more on this page...
Short about the AJAX-ZOOM image zoom on hover extension
The extension creates media gallery automatically from data, provided in the configuration object and can be configured via numerous
parameters.
The placement position near the viewer (right, left, up and down) could be set as fixed or dynamically via breakpoints.
You could also completely disable the media gallery and control the switch between the items otherwise throw API, arrows or bullet navigation.
You can also define the stage proportions of the viewer as fixed e.g. 1 by 1 or 1 by 1.5,
corresponding to the proportions of the image or control the proportions via breakpoints.
Regardless of the order within the media gallery, any element like picture, 360° product view or video can be set to load as first.
For displaying an image, only one high-resolution "master image" is required.
The image scaling happens automatically, whereby you can define individual thumbnails and preview images separately for the mouseover images.
Howsoever they are defined it is important to point out that the mouseover zoom or slider does not load the high-resolution "master image",
but an adjustable small version of it. By default, the size is limited to 1200x1200px, which is usually sufficient for the preview in the flyout zoom window.
When the user clicks on the preview image, the high-resolution image opens in the AJAX-ZOOM player - either in a responsive Fancybox or immediately in fullscreen,
which is also an adjustable option.
Within the AJAX-ZOOM media player, only parts of the large image required by dimensions and viewport are loaded
so that for example a 50-megapixel image is visible immediately. The HTTP path to the high-resolution "master image" may also be,
e.g. protected via htaccess, as it only needs by AJAX-ZOOM, which accesses it server side.
The same applies to the 360 images. If you do not want this sort of dynamic loading, you can enable the
"simple mode option" to load the big
master image entirely whenever it is appropriate to zoom level and screen size.
Continue reading about mouseover zoom extension and testing
or read more on this page...
360° degree product tour
If simple 360 degree views seem too boring, you could upgrade the animation with a "360° degree product tour"
and significantly increase the user experience, enhancing informative capability of a 360 image at the same time.
Please note that the 360 images utilized in this way must have some higher resolution so that the zooming effect is visible on large screens too.
Due to the multi-resolution tiles technology, large images have do not affect the loading time,
so you can even provide 30 million pixel 360 images to the AJAX-ZOOM Player.
Thanks to the special editor,
which is included in the download package, this kind of tour can be created incredibly fast and without any specialist knowledge!
The editor has the choice between various pre-programmed animations, can add additional description for each viewport,
another 360° degree view, panorama or a video. In addition, the 360° degree product tour can be combined with hotspots (markings in the picture).
It is quite easy to integrate the editor into existing applications.
The JSON code produced by the editor can be saved in a file or via a controller, for example, in a DB.
You will find the "360° Product Tour" editor integrated into backend of each
AJAX-ZOOM E-Commerce modules.
The "Product Tour" is useable not only with 360 images, but also with 3D images,
as well as normal 2D images / galleries. This works both with the supplied
Crop Editor and
generally without it over the supplied API. The basic functionality of cropping and zooming
illustrates this developer example.
Within the editor
on ajax-zoom.com you will also find the possibility
to load alternative content demos and test the editor live.
However saving is disabled.
For a more technical description of the 360 product tour
click here.
Click here to see and test how "360° degree product tour" is made
or read more on this page...
Suppose you have some sort of two or more column responsive layout where main content width is responsive too.
This is a typical case for modern CMS themes like WordPress.
Now you want to place high resolution images between text. AJAX-ZOOM is a perfect tool to do that.
For more information and responsive example please see
example6_cms.php
You can place an unlimited number of images with a nice adjustable and styleable hover effect,
then on click simply replace the image with AJAX-ZOOM progressive zoom player.
For more information and responsive example please see example6_cms.php
For embedding the player multiple times between a text and without hover effect, which is also possible for the 360 degree
animations, please take a look at
this example.
Proceed to isolated example
Responsive jQuery Mouseover Zoom + 360° degree views, 360° product tour + videos
This mouseover zoom extension combines in itself many technologies that AJAX-ZOOM has to offer.
Not least because, it is integrated into the frontend of the
AJAX-ZOOM cart modules
and is controlled over backend of these modules.
Click on the above tabs to view individual
technology types / standalone 360° rotary view players.
The mouseover extension is actually both - a mouseover zoom with hundreds of settings, as well as media / photo swipe slider,
which is turned on by default on mobile devices.
Hotspots (markings on the picture) are possible on 2D images and on optional 360° views or 360° product tours.
Finally, videos from Youtube, Vimeo, dailymotion or, for example, mp4 videos can be added in a Player (VideoJs) or HTML5 video tag.
Open AJAX-ZOOM inside virtual window
The player can be opened in a lightbox such as Fancybox or Colorbox with any supported content in it.
The examples which show how to do that are mainly
example2,
example3 and
example27.
Click on the buttons below to open an image gallery or 360 degree images in a lightbox / modalbox or full screen.
The "resposive lightbox" is actually a Fancybox 1.3.4, which has been modified to behave in the responsive way.
It can also open AJAX-ZOOM as iframed content in it. The code for triggering as iframed content can be found in
example2.
We are planning to make more examples with newer modal box scripts. Feel free to make suggestions!
The one we found interesting to give it a try is "izimodal.js".
However, until now the modified Fancybox worked well, also together with Bootstrap and other modern CSS.
Responsive thumbnails gallery
Also there are several other examples (example5,
example6,
example21)
where the images are instantly shown as small thumbnails and on click are opened in a lightbox or fullscreen in AJAX-ZOOM player,
which displays them in high, progressive resolution.
Embed AJAX-ZOOM within iframe
Using iframes is a simple and quick way when you want to place many
360 rotary views or couple of images with deep zoom at a same time on one page.
Among many other options, you can configure the 360 / 3D to load instantly
or on click. The AJAX-ZOOM player inside the responsive iframe
adjusts automatically when the dimensions or proportions of the iframe change.
Full screen does even work in IOS Safari without opening a new window.
So if you implement everything correctly (see example13),
then there is almost no difference between iframe and normal embedding.
Enabling watermark allows effective protection of your original source images without any compromises.
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.
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.
- Easy CDN support probably starting from Amazon S3.
- Integration with Adobe scene7 image server.
Limitations
- Currently only one instance per page is possible.
Still there are various ways to present infinite 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.
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)
Leave a Comment
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.
Can you provide a comparing table with some cheaper player or maybe a list of achievements for this player?
can we use 3d zoom with Vb.net,
or can you customized so we can use with our vb.net project
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 :-)
Many thanks,
Andrew
Thank you
2) Then, do you provide zoom at a certain (X,Y) location?
Mark
There is also an option to enable this switching for internal built galleries: http://www.ajax-zoom.com/index.php?cid=docs#gallerySwitchQuick
Thank you and congratulations for a great work!
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.
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?