

- #ANGULAR IMAGEVIEWER ZOOM PAN FULL#
- #ANGULAR IMAGEVIEWER ZOOM PAN CODE#
- #ANGULAR IMAGEVIEWER ZOOM PAN DOWNLOAD#

#ANGULAR IMAGEVIEWER ZOOM PAN FULL#
Upon a click, the image or 360 will zoom to its original size.Īnother click at zoomed state causes the image to full zoom out again.Īdditionally, a zoom-out button appears when zoom on the image is applied. Responsive multimedia swipe gallery with 360° product spins, images with progressive zoom feature and videos, AJAX and IFRAME contentįor a 360 or 3D web-view, the settings in this example are set the way that the user has only the possibility to spin at none zoomed state. Proceed to basic plain image viewer example integration or read more on this page. However, we are constantly looking to improve the performance and functionality. The slider works well on mobile devices and obeys intuitive gestures such as multi-touch pinch zoom or swipe.Ĭonsidering that this is a multiscale resolution image viewer, there is not too much more one can expect from it to make it better.
#ANGULAR IMAGEVIEWER ZOOM PAN DOWNLOAD#
In the download package, you will also find various examples where you can combine this plain image viewer with our 360° degrees or 3D product viewer and add various video players. In addition, you could add the so-called hotspots (interactive in-the-image markers), control the player externally via API, and expand the functionality as desired. Swiping between high-resolution images has never been easier and faster before. You have the choice to enable or disable any control element or place it differently.

With this image viewer, you can display high-resolution, ultra-high-resolution, and less-resolving images responsively. Within the controller, you decide what happens with the data or where it comes from.Ĭheckout the hotspot editor or read more on this page. When you do so, the get and put actions redirect to an AJAX controller path of your choice.
#ANGULAR IMAGEVIEWER ZOOM PAN CODE#
Within the code of the hotspot editor, there is a possibility to change the storage method and location over a code switch. However, you can also store this data into a database table or wherever else. You will find the hotspot editor in the administrator area of your CMS already integrated and ready to use without additional programming.īut, it is also easily possible to integrate the hotspot editor into existing applications without using AJAX-ZOOM modules!īy default setting the JSON-like code generated in this hotspot editor is stored in a file. If you are using one of our shopping cart modules, Therefore, you do not have to rely solely on the hotspot editor and could generate any number of hotspots via JavaScript dynamically. Or you can dynamically create them via AJAX-ZOOM API, e.g., from data retrieved from a database. You can choose to create hotspots with the hotspot editor contained in the download package, " interactive product tours", as shown in the next tab above. Hotspots are also compatible and combinable with Please note that the overloaded example above should only show the range of possibilities, which nevertheless are not shown in full here.ĪJAX-ZOOM supports hotspots (interactive markings on the image) not only on 360° degree product views,Īs presenting above, but also on 3D product views and plain images, including image galleries. Proceed to more information about 360° product views or read more on this page. Please find more reading and visual testing on the "simpleMode" option If you do not want to use the multi-resolution technology, you can disable itīy enabling the AJAX-ZOOM "simple mode" option. However, you do not necessarily need to use the ultra-high resolution to take advantage of multi-resolution technology in general.Įven with 8, 10, or 20-megapixel images, the difference quickly becomes apparent. Which are needed for the zoom level and viewport. That is due to the multiscale resolution technology where only parts of the image are loaded,

The images of the bike were shot with a "Hasselblad" camera, but nowadays, there are several affordableĭSLRs from "Canon" or "Nikon", which can achieve the same resolution range.ĭespite the high resolution, the 360° product view is loaded very quickly. The native resolution of each image is 7216 x 5412px. In addition, the behavior and feel of the player are adjustable to the most refined detail.Ībove is an example of the standalone 360° product viewer with 36 images. One of the outstanding features of the AJAX-ZOOM media viewer is the 360° rotary view of the products/objects.Įach control element (there are plenty of them) can be switched off, expanded, and adapted. Responsive 360° product viewer / standalone 360° player with deep zoom
