lightGallery supports multiple touch gestures to perform specific actions such as pinch to zoom in, zoom out, double tap to zoom, drag or swipe to navigate to different slides, vertical swipe or drag to close etc.
videozoom 4 0 nulled script
Zoom is on of the important feature high-converting product image gallery. To boost your sales and conversion, WooCommerce Extra Variation Images Gallery plugin ships packed with the product featured image zoom option. You can disable the zoom option on your need.
If you have already installed WooCommerce Additional Variation Images plugin activated, you can notice it shows a zoom icon at the right top corner of the screen by default. You can change its position from the plugin settings.
The zoom feature of WooCommerce Extra Variation Images Gallery plugin allows store customers to view product variation images in Zoom view. Apart from that, it offers a popup option so that customers can view product images in an exclusive screen.
As many other themes that fit into the music and band niche Videozoom is dark and great for featuring photo material. The theme comes with a video enables featured slider, a caroucel and custom widgets for featuring posts. VideoZoom is prepared for playing any music videos you want to embed into your posts. It offers multiple posts layout, drop-down menus, video integration, custom templates, Theme options and many more features.
Despite the high resolution, the 360 product view is loaded very quickly.That is due to the multiscale resolution technology where only parts of the image are loaded,which are needed for the zoom level and viewport.
The slider works well on mobile devices and obeys intuitive gestures such as multi-touch pinch zoom or swipe.Considering that this is a multiscale resolution image viewer, there is not too much more one can expect from it to make it better.However, we are constantly looking to improve the performance and functionality.
For 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.Upon a click, the image or 360 will zoom to its original size.Another click at zoomed state causes the image to full zoom out again.Additionally, a zoom-out button appears when zoom on the image is applied.
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 need to download several megabytes of unrequested data volume.On fast connections, the user will not even notice that this part of the image is downloading because the corresponding "image tiles" are loaded while zooming transition runs, and the tiles are faded in straightly after the zoom animation ends or even earlier while the animation runs.
This reasonably simple concept is mainly used for showing detailed maps online.Google maps use this, and 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 advantage of this technology without really understanding it.Simply use this zoom magic in your online store or product's website and profit from this deep zoom enlargement without worrying about image sizes being too large for a web view.The same is true for mobile users; it simply makes no difference.
It might be worth mentioning at this place that AJAX-ZOOM can also load original images instead of image tiles on zoom.For this, you just need to activate the AJAX-ZOOM's simpleMode option.Moreover, you can set it the way that for low-resolution images, the original image loads on zoom, while for higher resolution images, the multi-scale tiles technology is applied.The resolution threshold is adjustable over the same simpleMode option.
Similar functionality with mixed content in one viewer (360/3D, video, and regular images) can also be achieved with this extension/example,where depending on the settings, you can enable mouseover zoom or swipe slider as a preview for your high-resolution images.
For displaying an image, the extension only requires a path to the high-resolution "master" image.The image resizing takes place automatically.You can define the sizes of the thumbnails and the mouseover preview images separately.It is essential to point out that the mouseover zoom or slider does not load the high-resolution "master" image but a resized smaller version of it.
By default AJAX-ZOOM's core settings,the size of the flyout image (the image that shows in a flyout window when hovering the slider with the mouse) is limited to 1200x1200px.That is usually sufficient for a preview.When the user clicks on the lense, the high-resolution image opens in the AJAX-ZOOM viewer - either in a responsive modal box or immediately at fullscreen.The details of an image displayed in the AJAX-ZOOM viewer, including pictures of a 360-view, progressively load as the user zooms into it.
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.You can even protect your high-resolution "master" images from access via HTTP, e.g., via directives in ".htaccess" file.AJAX-ZOOM needs to access those images only server-side.The same applies to the 360 images.If you do not want this sort of progressive loading, you can enable the"simple mode option" to load the bigmaster image entirely whenever appropriate for a zoom level and screen size.
If simple 360-degree views seem too boring,you could upgrade your spins with a "360 degree product tour",thus significantly increasing the user experience and informative capability of a 360 image at the same time.Please note that the 360 / 3D views enhanced in this way must have a resolution sufficient for zooming effect on large screens too.Due to the multi-resolution tiles technology, using large images does not affect the loading time,so you can even provide 50 million pixel 360 images to the AJAX-ZOOM 360 / 3D product viewer.
Thanks to the special editor,which is included in the download packageand integrated into the backend of our modules,you can create these kinds of product tours incredibly fast and without any specialist knowledge!The editor offers the choice between various pre-programmed animation types,has input fields for descriptions of each viewport where you can place additional 360 degree view, panorama, or video from external sources.In addition, you can enrich the 360 degree product tour with hotspots (markings in the picture).Both enhancements are compatible with each other.
You can use this "product tour" not only for 360 images but also for 3D product views and normal flat images/galleries.This is achievable by creating the tours using the supplied crop editor or generally without it over the available API methods.The basic API functionality for cropping images and zooming illustrates thisexample for developers.Within the editor on ajax-zoom.com,you will also find the possibility to load alternative content, including a demo of a single image or gallery, and test it in real.
This is a highly flexible and customizable mouseover zoom extension that combines several unique technologies offered by AJAX-ZOOM.Because of its versatility, it is integrated into the front end of allAJAX-ZOOM modules for shopping carts.Administrators control the extension and set up the views via the backend section of those systems.You can, however, integrate it manually elsewhere.
The mouseover zoom extension is both - an image-zoom on hover plugin and a media/photo swipe slider.The latter automatically enable itself on touch devices.As with nearly all behaviors, that is an optional setting.
This example demonstrates the basic procedure to open AJAX-ZOOM in a modal box using a few scripts, including the new "APP container" extension.With the information in that example, you can adapt your favorite modal component that accepts HTML as content to show AJAX-ZOOM viewer in it.
Suppose your task is to present a thumbnails gallery with zoomable images on click.In that case, AJAX-ZOOM offers several extensions that automatically generate such a gallery and open the viewer in a modal box or immediately as a full-screen view.
Using iframes is a quick and straightforward way when you want to place many 360 rotary views or several images with the deep zoom simultaneously on one pageor just do not want to modify any codes of your CMS system.
Please note that provided you are following the proposed way of integration inexample13,"fullscreen view" will also work in IOS Safari without opening a new window.Usually, this is only possible for videos inside an iframe.Thus, embedding this 360 product viewer or plain image zoom viewer via iframe will lead to no noticeable difference compared to regular integration.You can confirm this also on the desktop by clicking on the fullscreen button at the brown shoes 360-view example below.
AJAX-ZOOM is a powerful, self-hosted, and universally applicable image zoom & pan software with an additional 360 degree / 3D object rotation functionality, a zoom-on hover extension, and other extensions that create several types of image galleries.It has all features for implementation into responsive and non-responsive layouts.
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.As you can also see in the Google Maps application, the view visibly gets sharper on zooming and panning when interacting with the map.
AJAX-ZOOM can process image tiling "on the fly," or it can batch convert thousands of images with just a couple of steps. You will find a PHP-based script in the download package, where you can select folders containing many images and batch-process them automatically.That means that you can easily integrate AJAX-ZOOM into already productive websites within the shortest possible time.Your high-resolution master/source images are not changed. 2ff7e9595c
Comments