+ jQuery Zoom Image Effect Plugin with Demo & Example
Looking for:
- Product zoom jquery free download
This plugin is compatible with jQuery 1. If you currently have a node set up for theming, you can install this plugin via npm by running:. Or, you can download the jQuery Zoom plugin. For more tools, check out our list of favorite Sublime text plugins. Most themes already have a version of jQuery running, and for this plugin to work you need a minimum version of 1. You can inspect your theme to see if jQuery is already being loaded, by either searching for the script or going to the Console tab in your inspector and running jQuery.
Alternatively, you can also check the theme. From the plugin folder you downloaded, add the minified jQuery Zoom plugin jquery. Then, in your theme. Alternatively, you can also add the minified code to the end of a vendor. One of the easiest ways to do this is to add a wrapper around your main product image with JavaScript.
In your product. A simple yet full-featured image viewer plugin that makes it easier to view, pan, zoom, and rotate your image in a fullscreen modal popup. A lightweight 1. Download View project on GitHub. Use your mouse cursor or finger to zoom and pan the images below. The original and still the best Magic Zoom has been the professional choice of brands big and small.
Both Fortune companies and small businesses choose Magic Zoom for it's rock-solid performance, good looks and ease of use. And we're not planning to lose that status anytime soon with regular refinements and by helping you - our customer to solve each and every issue you might encounter.
Show plenty of product images Effortlessly swap between many images, giving variety to your viewers. Displaying a single product image is very rare nowadays. And we get that.
That's why Magic Zoom has built-in support for product thumbnails. Easily customize the position, transition effects and trigger behavior: change image thumbnails on-click or on-hover.
Future-proof your site with regular updates Always look fabulous — you'll have access to new versions, regularly released. We're restlessly refining our original image zoom tool for the last 11 years. We have image zoom plugins and extensions for every popular e-commerce platform like Magento, WordPress, WooCommerce, Prestashop, Shopify and many more. Fully responsive JavaScript image zoom Show every detail on any device.
M-Commerce E-Commerce conducted on mobile devices has gained critical mass and is growing faster than ever. That's why we build Magic Zoom to be completely responsive. We also added mobile gestures for easy image switching on phones and tablets. You even have the ability to customize desktop and mobile options separately!
So if you're looking for a truly responsive JavaScript image zoom - look no further! Get Magic Zoom today! View Pricing Download free trial. Our tools are used on 5 7 , 6 7 7 websites and counting. Compare zooms. Magic Zoom Zoom on hover Move your mouse over the image to enjoy every detail of the bike. Magic Zoom Plus Zoom on hover Expand on click Roll over the bike to see it in stunning detail or click to open it in the expanded view.
Modules and integrations Use these plugins and extensions to setup Magic Zoom on your site without writing a single line of code. Choose to activate on page load or on request. Responsive Magic Zoom is completely responsive. Show beautiful zoomed images on every device. Vital for website high ranking in search engines. Magic Zoom is completely compatible. Refined for every browser. Optimized for every device. What you'll get with your purchase Unrestricted use forever Instant access to 45 extensions 30 minutes of tech support.
Magic Zoom. May 29 I had questions to some features in MagicZoom. The support answered within hours. All quetions were solved with update to the newest MagicZoom version. Jul 19 I had a question about MagicZoom which I didn't think would be possible, but turned out it was!
Support replied to me super quickly, which as a developer was extremely useful as we had clients waiting. Really great service and amazing product! May 23 Amazing slider, easy to implement. This awesome zoom script took our sluggish looking image previews to the next level, it now allows our customers to see what they are buying in great detail. Using it in combination with MagicScroll for an amazing result! Dec 12 Incredibly powerful and easy to use with the added bonus of stellar support!
Jun 22 They both work great and are easy to implement. Plus, support is amazing! Highly recommended! Submit your review. Your review has been received and will be posted soon. Email: Used only to verify your review is genuine. Review Title:. Rating: 1 2 3 4 5. In this post you will find the 10 best jQuery and Pure JavaScript Image Zoom plugins that enables your visitors to enlarge images within your document in an elegant way.
I hope you like it. Originally Published Dec 17 , up date d Jan 16 A lightweight 1.
jQuery Zoom Plugins - Page 1 | jQuery Script
- Product zoom jquery free download
Defines icons font inline in the magiczoom. Plus version Improves design of the close button. Plus version Adds. October 29, New "smoothing" parameter to turn off smooth zoom movement. New predefined "mz-square" CSS class to create magnifier of square shape. Improves sensitivity of the panning on touch screen. On touch screen devices automatically change zoom trigger from touch to double tap when switching from side to inner zoom and vise versa. October 22, Disable zoom mode on tablets if zoom position is set to inner and expanded view enabled.
Fix an issue when image disappears on click in expanded view if zoom is disabled in expanded view. Addresses an issue with side zoom in Firefox on Android tablets. September 30, September 29, Fix issue introduced in v5. Adjust initial magnifier position in Chrome on touch-screen devices. September 23, Fix issue when context menu appears on a long tap in the stock browser on Android. Resolve issue with magnifying glass in the stock browser on Android 4. September 16, Change loader shape to circle.
Fix issue with image switching on touchscreen devices when Zoom inside FlexSlider. Address issue when Zoom stops working if one of its parent element has invalid ID attribute. September 8, Address conflicts with the Clicky script when it stops switching images and zoom activation on click. Other minor fixes. September 3, Featuring: Zoom with magnifying glass.
Swipe gestures. Variable zoom level with mouse wheel. Preview mode for instant enlargements. Retina image support. Automatic or manual start. Separate settings for mobile devices. Better responsiveness. Enhanced user experience with many, many refinements. Fully customisable styling with CSS. Improved overall performance. No jQuery required. Built with love and magic. January 19, Resolve issue in Firefox 35 when the large image may be cut off or blurred.
August 25, August 4, Fix issue with the incorrect image size if image is hidden during initialization. July 31, Fix issue with visibility in IE8. Do not prevent swipe over the image when in inactive state.
Resolve a rare blinking issue when changing images. Fix pounce effect. July 23, New css-class parameter that allows to set a specific CSS class on a zoom window.
July 14, Automatically switch to inner zoom and turn on the click-to-activate option on small touch screens.
Better compatibility with Bootstrap CSS. May 9, April 22, Do not automatically scale zoom window on page resize if its initial size is set precisely in pixels. April 16, Fix potential "jump" issue when switching images.
February 25, Resolves an issue with click-to-activate option in Google Chrome v April 15, Zoomed image can now be set as a percentage or pixels.
Option to initialize on click of additional images. Callback to track zoom readiness - onready. Permit dragging on touch-screens by using click-to-activate. Hint indicates image is zoomable. Drop shadow and glow effects. Initialization download on hover to save data transfer. Zoom alignment option. Show titles with inner zoom.
External source of a title. Hide zoom on click. CSS class for active selector. Optional right-click show menu. New API show method. Automatically re-position zoom window if it goes beyond page boundaries. New pounce effect to switch between multiple images. October 26, Dissolve and cross-fade effect.
Change title position. Show entire image on hover. Define options once or for each different zoom. September 2, Massive new features: Activate zoom on click. Load large image on click. Slow-motion zoom. Reverse opacity effect. Custom settings for each image. Improved drag-mode choose initial position, preserve position.
New API functions. Settings wizard to help you customise it. July 9, This definitely helps people understand what you're trying to say because an image can tell a thousand words and click interactions can tell another hundred thousand.
Image zoom JavaScript plugin is the best tool for enlarging images on your website. This is a new trend for web designers as there was a time image-enlarging was tricky and even costly to implement. There are many image zoom JavaScript libraries available online. Some of them are very light-weight and easy to implement, while others have much more advanced functionalities and require jQuery or other JS frameworks in your website that you might already be using.
But, if you had the budget, which one would you use? What criteria will you use to select the best one for your web application? A lightweight 1. A really simple image zoom plugin that zooms in part of your image with a magnifying glass effect.
EasyZoom is a lightweight and touch-compatible jQuery zoom plugin which allows you to zoom and pan an image using your mouse cursor or finger on touch devices.
Comments
Post a Comment