At the moment iframes are the only possible solution to use AJAX-ZOOM "cross-domain" or "cross-origin". However, because AJAX-ZOOM regular licenses include only one domain or subdomain name, cross-origin embedding does not work out of the box and forbidden by the regular license terms. Nevertheless, in case that within your technical environment it is not possible to integrate AJAX-ZOOM in a regular way (e.g. Node.js, Java or SaaS Solutions like Shopify) and embedding over iframe from your own server(s) (e.g. LAMP) to you own domain(s) is an acceptable solution for you or your customer, we can technically enable this specific "cross-domain" case. For more details and licensing options, please contact AJAX-ZOOM support.
Also, please note that while the iframes in example13 point to one specific file, which is prepared to accept few query string parameters to load content depending on these parameter values, any other example is adjustable to behave in same way. Therefore, you do not have to pass full or explicit paths to 360 images or images in general over query string parameter. You could also pass a numeric ID and request the information about the content from a database or other sources using server side code.
If any questions remain, contact us, we are pleased to advise you.
Using iframes is a simple and quick way, when you want to place many 360 rotary views or several images with deep zoom at the same time on one page or just do not want to modify any codes of your CMS system.
Among many other options, you can configure the 360 / 3D product views to load instantly or start preloading single images after the user clicks on the viewer. Inside the responsive iframe, AJAX-ZOOM player adjusts its size automatically whenever dimensions of the iframe change.
Please note that provided you are following the proposed way of integration in example13, "full screen view" will also work in IOS Safari without opening a new window. Normally, this is only possible for videos inside iframe. Thus, embedding this 360 product viewer or plain image zoom viewer over iframe will lead to no noticeable difference compared to regular integration. You can confirm this also on desktop by clicking on the fullscreen button at the brown shoes 360-view example below.
Open AJAX-ZOOM in a lightbox / modal window from a link (click event) within an iframe.
The content can be a 360-degree product spin, 3D product view, a gallery or one plain image. The example uses Fancybox and Colorbox to illustrate the procedure.
Responsive inline images with hover zoom effect and progressive zoom feature on click. The AJAX-ZOOM viewer with progressive zoom feature opens in responsive lightbox or at fullscreen.
You can also configure the extension to replace the entire image with AJAX-ZOOM viewer on click. The viewer fills the space of the image. The user can close the viewer and restore the inline image.
In the example, you can switch between these diverse opening modes.
It is great for editorial content because the HTML essentially consists out of an "img" tag. Editors can easily insert this tag into text via WYSIWYG editor of any CMS.
Load AJAX-ZOOM viewer inside an iframe. This is the simplest way to put in place AJAX-ZOOM anywhere.
You can place as many instances on one page as you like. Full-screen views work on desktop and mobile devices as well. Using "lazyload" to postpone loading of the content inside the iframe is possible and the example demonstrates how to implement it.
The content of the viewer inside iframe can be an image gallery, a 3D / 360 product rotation or one high-resolution image with progressive zoom. Since AJAX-ZOOM viewer is responsive, it will adjust to the size of responsive iframe automatically.
In this example, AJAX-ZOOM loads into responsive Fancybox by a click.
For invoking AJAX-ZOOM with Fancybox in such a way, we have created a wrapper extension.
$.openAjaxZoomInFancyBox plugin triggers and manages the AJAX-ZOOM viewer inside the Fancybox.
It also makes the first generation Fancybox responsive.
This example can also serve as a tutorial about defining the content that you want to load into AJAX-ZOOM viewer! It lists by example all possible query string parameters (zoomData, zoomDir, 3dDir, zoomFile, and zoomID). These are the parameters AJAX-ZOOM supports out of the box to define flat images and paths for the 360 viewer. The example also explains how you can compress the parameter values. Compressing helps to hide direct image paths from exposing them to the public and shorten the length of the query string.
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).
The license price primarily depends on the number of different images that display in AJAX-ZOOM image viewer on a domain. Unlimited options are available. The prices for the regular licenses are one-time payment! You can find the complete license agreement and price list on the download page. Before ordering, we advise you to download and test the demo (light) version within your development environment.
If necessary, we can issue time-limited license keys free of charge. However, AJAX-ZOOM and AJAX-ZOOM modules / plugins for diverse CMS and shopping carts should work with few restrictions without entering any licensing data! If something does not work as expected, there must be a different reason than missing license. Do not hesitate to contact AJAX-ZOOM support if you encounter any technical difficulties.
To use live-support-chat, you need to have Skype installed on your device. In case live support over Skype is not available immediately, please leave us a message or send an email by using the contact form.
We answer every inquiry or question that relates to the AJAX-ZOOM software!