Unlimited Downloads : 500,000+ Design Assets
Here are 16 jQuery image hover plugins that enable you to display everything you need with cool effects over images using css3 and html5.
Apply direction aware 2D/3D hover animation to images or any other elements.
Hover Zoom Effect
The hover zoom effect basically reverse zooms an image while fading in a label on top of it when the mouse hovers over it. It makes for a pretty slick effect which could be used on thumbnails. As always, you can check out a demo or grab the source right here if you don’t want to read the entire tutorial.
My Fade Over Image
Zalki is a jQuery plugin for image hover animations. Cross browser even IE 7 (even opacity).Easy to use and customize. Supports thirty animation effects from jQuery Easing. No need to adjust the size of the container. The plugin will determine the size of your photos and will automatically adjust the settings, even if on the same page there are photos of various sizes.
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.Just make the needs html markup,it will work well for you.
Social Image Hover for jQuery
This plugin allows you to quickly and easily add hover-over social buttons to your images on-the-fly making them instantly “shareable” on Pinterest, Facebook, Twitter, Google Plus, Reddit, and more. Even better, the hover effects are silky smooth, cross browser, and come in multiple styles!
jQuery Hover Cards
jQuery Hover Cards is a lightweight plugin that gives you the power to create beautiful and interactive hover effects for your images and thumbnails the differ depending on the direction the image was hovered.
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).
jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.
Adipoli is a simple jQuery plugin used to bring stylish image hover effects.
iPicture is a jQuery Plugin to create interactive pictures with extra descriptions.
Magnifying glass for image zoom
The code uses CSS3 box-shadow and border-radius properties to create the magnifying glass. Jquery is used to position it at the cursor coordinates and change the background position accordingly.
Cycle Through Images on Hover with jQuery
A quick way to add a hover responsive, fast cycling, jQuery powered slideshow to your site.
Don’t spoil it! Hide anything with a bit of blur. Hint on mouseover. Reveal on click.
Hoverizr is a really small (2.5KB minified) responsive jQuery plugin that outputs manipulated images on top (or below) your targeted images. Currently, it features three effects: grayscale, blur and color inversion. Automatically when you move your mouse over the target elements, the element above fades out to reveal the element beneath whether it is the original image or the manipulated one.
jQuery CSS3 Hover Transform Plugin
A lightweight (2kb min) jQuery Plugin which handles CSS3 hover tranforms that work cross browser IE8+. Works on all modern browsers Chrome, Firefox, Safari, IE. Old browsers IE9, IE8.
Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image.
PowerTip — Create hover tooltips with jQuery
PowerTip is a jQuery tooltip plugin with a flexible design that’s easy to customize. Implementation is straightforward and is easy to customize, has smooth fade-ins and fade-outs, and even gives you a number of different ways you can use those tooltips (including complex content).