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.
This view with multiple source types is loaded and managed by jQuery.axZm360Gallery AJAX-ZOOM extension. It does not have as many options as the mouseover zoom extension, where you actually can achieve a simmilar look and behavior. However the jQuery.axZm360Gallery extension code is not scrambled, it is simply written and a deveoper can extend it if there is a need for that.
The data with inforamtion about what needs to be loaded into this swipe gallery is defined in "galleryData" option if this extension and may look like this:
galleryData: [ ['imageZoom', '/pic/zoom/animals/animals_014.jpg'], ['imageZoom', '/pic/zoom/boutique/boutique_015.jpg'], ['imageZoom', '/pic/zoom/boutique/boutique_013.jpg'], ['image360', '/pic/zoom3d/Nike_Running'], ['image360', '/pic/zoom3d/Teva'], ['image360', '/pic/zoom3d/nike'], ['imageZoom', '/pic/zoom/boutique/boutique_014.jpg'], ['imageZoom', '/pic/zoom/boutique/boutique_015.jpg'], ['youtube', 'q57I1n4s5Hg'], ['vimeo', '78673338'], ['dailymotion', 'x144odn'] ]
Following are the possible media types within this extension, but as already mentioned you can add your own if needed. The order of items in galleryData option results in the same order in the gallery.
With the "prevNextAllData" option in this particular multimedia extension enabled it is furthermore possible to switch between different types of data (video, 360 / 3D, plain images) over left/right buttons, which also works at fullscreen mode.
The "jQuery.axZm360Gallery" extension also supports "hotspots" (clickable markings / layers over picture) for the 360 / 3D views and simple gallery images. They are created via the hotspot editor but can be also defined elsewhere. Read more about hotspots here.
Currently, the 360 product tour is not supported in this extension. However, it is supported in this extension and you should use it when you require uncomplicated solution for 360 product tour together with images and videos in one player.
The entire documentation of the plugin option can be found at the bottom of the same example.
Generally we recommend to look throw the many AJAX-ZOOM examples and select one, whose functionality most fits your requirements and start with it. Please note that the behavior and layout are all changeable over Options and CSS.
"Modules / plugins / extensions" are not needed to use AJAX-ZOOM. However these wonderful modules will facilitate and speed up the integration of AJAX-ZOOM into various established CMS or e-commerce / shopping cart systems. If all conditions are met, then you will have AJAX-ZOOM running in your shop within two minutes. The modules can be installed and configured with just a few clicks 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 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.
To use live-support-chat you will need to have Skype installed on your device.
In case live support over Skype is not immediately available please leave a message or send us an email over contact form at first.
Every AJAX-ZOOM related inquiry / question will be answered!