This Javascript plugin displays a your images in full size when the mouse hovers over them.Just include this plugin and all images in your webpage will have the Hover-Zoom effect!
Best jQuery Zoom Plugins & Tutorials with Demo
jQuery Wheelzoom : A plugin to enlarge IMG elements on mousewheel/trackpad
A small plugin for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by scaling and positioning a background-image, after it sets the IMG element’s src to a transparent png. Wheelzoom doesn’t add any extra elements to the DOM, or change the positioning of the IMG element.
jQuery Photo Zoom Plugin
Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design. Very easy to implement just include the plugin using script tag and give required selector, take a look this live demo.
Zoome : jQuery Image Zoom Effect Plugin
Zoome is a jQuery plugin to help you zoom images with hover effect(grayscale,blur,transparent) and you can zoom-in or zoom-out use mousewheel.
Features:
- Zoom with hover effects(blur,grayscale,transparent)
- Cross browser
- Control zoom with mousewheel
- Easy to zoom range and the step num
- Flexible options
HoverEx : jQuery image hover animation plugin
HoverEx is a jQuery plugin for image hover animations.It contains over 36 animations and prepared 18 hover animation templates.It also support for image zoom and slider effect.You can use it to create unique animated effects effortlessly without any knowledge of jQuery.
Features:
- Over 36 animations
- Over 18 build-in templates
- Responsive able
- Easy to customize
- Include two version
- Build in 8 animate queue,and you can customize easy
- Inline Zoom Support. Can be set the zoom range and zoom change step.And mousewheel control support.
- Image Slider Support. Support mousewheel control,and pre/next buttons
Swish jQuery Zoom Hover Effect Plugin
Todays freebie is a swish jQuery zoom hover effect plugin which you can use to add a great effect to things such as portfolio item’s.With this plugin you can add a zoom style effect to your images on hover, also you can add an overlay to it (What you tend to see on a lot of themes with lightboxes). You can also adjust all the settings it comes with (refer to usage in the index.html header).
PanoJS3 : JavaScript widget for Panning and Zooming a Panoramic image
PanoJS3 – An interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles. This widget can be used for viewing images that are much larger than the available space in the browser viewport. Examples include panoramas, maps or high resolution document scans.
jCouch : A jQuery Plugin for Distraction Free Page View
jCouch is a very lightweight jQuery plugin that provides you the feature of viewing a web page in distraction free mode. If your website is text oriented and the visitors on your site prefer reading your site content then this plugin will allow the users to read your web pages in the most convenient way without being distracted by other less useful content on the site. The plugin allows you to combine the selective parts of the web page in a single view.
Features
- Light weight
- Easily customizable
- Zoom text feature
- Full jQuery Selectors Support
- Disable on pressing ‘Esc’
Dopeless Rotate : jQuery Plugin for 360 degrees product view
Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:
- Zooming function
- Support of touchscreen devices
- Ability to use multiple instances on a single page
- You can use every number of images for 360 degree visualisation you want
- Images are loaded automatic via PHP
- Preloader is showing the progress of loading images to cache
- Preloader for loading zoomed image
- Nice modern design
