vendredi 25 avril 2014

55+ Best jQuery Image Zoom Effect Plugins


Magnifier.js Free jQuery Zoom Effct Plugin

Magnifier.js is a Javascript library enabling magnifying glass effect on an images.
MORE / INFO


TheZoom Lightbox – jQuery Plugin

TheZoom is a premium multi-purpose jQuery lightbox library for smart, fast, modern and comfortable images and pictures preview, fitted and responsive to any site with natural and intuitive effects. It uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes like easy installable JavaScript library. TheZoom Lightbox is friendly supported by responsive mode, touch on mobile devices; and uses such techniques as lazy load for optimal performance. There is also simple and easy to understand mark-up, which provides perfect integration to existing code. The Zoom lightbox comes with unlimited number of masks and hundreds of combination options to customize the site look under your project style.
MORE / INFO DEMO


Pinch Zoomer jQuery Plugin

PINCHZOOMer is an easy to setup jQuery plugin for mobile and desktop that adds pinch to zoom / mouse scroll zoom function to your images.
MORE / INFO DEMO


Image Zoom Navigation – WordPress Plugin

Do you have high resolution images and you don’t want to give up on details? Make sure your visitors see every pixel of your work, by using image zoom and navigation controls.
Adding zoom and pan controls to your WordPress site has never been so easy! Image Zoom Navigation is an easy to install plugin, with an incredibly user-friendly interface.
MORE / INFO DEMO


ImgZoom

ImgZoom is a Jquery Plugin, which helps you to allow your user to view the thumbnail image in a bigger view on mouse hover. This is very useful for websites which is related to Media and Applications. You can simply customize the Plugin as well as the image container according to your page design. It’s very easy to install and use a beginner can also use this and enrich his/her website.
MORE / INFO DEMO


JQuery zoom plugin – Cloud zoom

Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.
MORE / INFO DEMO


Zoomer jQuery Products Showcase – with Lightbox

Zoomer! is the definitive tool for showcasing products, with its built-in zoom + panning + dragging features, which can be easily customized due to its flexible theme selector and config parameters, directly from the html file. Also more configurations can be edited through the css style sheet file. It comes with 3 themes, Dark, Light & Compact, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.
MORE / INFO DEMO


KoalaZoom jQuery Plugin v1.0

This plugin makes images in an unordered list to zoom in on mouse hover and displays relative information.
KoalaZoom was created in just a few hours. I’m planning on adding more effects and options in the next version.
MORE / INFO DEMO


jQuery image zoom effect

There are two DIV’s that make up the construction of each element, we first have out .item div which is the container for our image and caption. Directly inside the ‘item’ div we have the image with the ‘caption’ div directly below that with a link and paragraph tag inside. take a look at the code and image structure below to see the construction of the div elements.
MORE / INFO DEMO


Epic Image Zoom jQuery Plugin

MORE / INFO DEMO


ImageZoom – Responsive jQuery Image Zoom Plugin

ImageZoom is a jQuery plugin for image zoom effect. It has thrid mode of image zoom effect : inner mode,standard mode and follow mode.
MORE / INFO DEMO


Smooth Zoom Pan – jQuery Image Viewer

This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps.
MORE / INFO DEMO


Zoombie – A jQuery Plugin For Zoom Effects

ZOOMBIE is a lightweight JavaScript plugin that can be used by the developers to give their images a highly interactive zoom effects.
MORE / INFO DEMO


ZoomShowcase – A jQuery Banner Rotator

Looking for a different kind of jQuery banner? ZoomShowcase is a unique jQuery Banner that will add a fresh look to your website. It’s built on top of jQuery 1.9, and comes with several customizable options.
MORE / INFO DEMO


Image Effects Pack – jQuery Powered

A pack of premium image effects to enhance your website user experience.
MORE / INFO DEMO


JQuery Zoom Wizard

Zoom Wizard is a super flexible and snappy jQuery plugin that lets you add zoom functionality to your images. It is a complete package with three totally different modes of zooming and you can choose one that best fits your needs.
MORE / INFO 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.
MORE / INFO DEMO


NuvuZoom 2.0 – Simple, Elegant jQuery Zoom

Our Virtual Private Server is experiencing problems and none of our demo’s are available at this time – Please be patient and check back in a day or two.
MORE / INFO DEMO


jQuery Image Zoom and Panning Plugin

This is a jQuery plugin that creates a zoom and panning effect on an image. The plugin requires two image versions, one small preview and one larger for zoom and panning. This is a nice way to view details on an image.
MORE / INFO DEMO


jQuery Mega Image Viewer – animated zoom and pan

The mega image viewer jQuery plugin allows you to easily replace div tags with animated image viewers.
MORE / INFO DEMO


jQuery Zoomer

jQuery Zoomer has been accepted as this month’s free file. Hopefully I can put a smile on your face, by providing this file free of charge. I’d love to hear back from you and would like to see it in use on the web!
MORE / INFO DEMO


jQuery Giga Image Viewer – animated zoom and pan

Giga image viewer displays very large images without loading the whole image, giga viewer loads only needed fragment of the big image divided into small pieces (256×256 px).
MORE / INFO DEMO


jQuery Horizontal Image Scroller w/ Lightbox

This is a jQuery image scroller with lightbox. The scroll bar/indexes and directional buttons allow for easy navigation of your image gallery. Image click can either open the included lightbox or a regular link. The scroller is also re-sizable and fully configurable through the plugin’s parameters.
MORE / INFO DEMO


Fine Zoom

Fine Zoom can zoom images with different zoom of levels with smooth effect. Also drag and pan are done with a smooth effect. Just apply the plugin to any image and you can zoom in and out images just like Google Maps Zoom. It works everywhere even on touch devices(android and iosx). On Ipad and Iphone for zoom can be used the classic pinch method.
MORE / INFO DEMO


ZoomBox Lightbox Variation – jQuery powered

Want a cool way to showcase your beautiful images in their full detail ? This is the script for you!
MORE / INFO DEMO


jquery Slider Zoom In/Out Effect Fully Responsive

Zoom In/Out Effect Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of this slider and convince yourself of its quality.
MORE / INFO DEMO


jQuery Tap Zoom

Touch Zoom is a jQuery plugin that allows your user to zoom into an image using their mouse or finger depending on the viewing device. It works well in all modern browsers, degrades gracefully in IE8 and IE7 and is optimized for responsive web design. There are a lot of features that are available if you purchase the full version including: customized gesture, borders, zoom and animation control and an optional parameter that allows the user to implement a conditional load for the large image, which is only called when the user interacts with it.
MORE / INFO DEMO


Panzoom – jQuery Plugin for Panning & Zooming Elements with CSS3

Panzoom is a progressive plugin to create panning and zooming functionality for an element.
Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser, which means the element can beanything: an image, a video, an iframe, a canvas, text, whatever.
MORE / INFO DEMO


jQuery Zoom Effect

A plugin to enlarge images on click or mouseover.
MORE / INFO


NuvuZoom 2.0 – Simple, Elegant jQuery Zoom

Our Virtual Private Server is experiencing problems and none of our demo’s are available at this time – Please be patient and check back in a day or two. We hopefully will have this resolved soon.
MORE / INFO DEMO


Hover-Zoom – Image Zoom on Mouse Hover with Transparency Effect

This Jquery plugin
- displays a your images in full size when the mouse hovers over them.
- also works with dynamically created images.
- press “Ctrl+b” or just “b” to enable or disable it on your web page.
- check out the transparecy feature of the hover-zoom’ed image!
Just include this plugin and all images in your webpage will have the Hover-Zoom effect.
MORE / INFO DEMO


mlens – A Slick jQuery Magnifying Glass Plugin

mlens is a jQuery plugin that simplifies creating this magnifying glass functionality so much.
It has some parameters like the shape of the lens (circle or square), lens size and the options for customizing the border.
MORE / INFO DEMO


Photobox – CSS3 Image Gallery jQuery Plugin

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.
MORE / INFO DEMO


Fresco – Responsive jQuery Lightbox Zoom Plugin

Fresco is a beautiful responsive lightbox that can be used to create stunning overlays that work great at any screen size, in all browsers on every device. To make things even more awesome Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.
MORE / INFO


Picbox – Lightweight jQuery LightBox

Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox, and available using either the jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.
MORE / INFO


Snipe – Sniper Lens Style Zoom on Images

Snipe is a jQuery plugin to add a sniper-lens-style zoom on images. Snipe makes zoom effect over images that follows the mouse.
MORE / INFO DEMO


SergeLand Image Zoomer v3.0 Plugin

SergeLand Image Zoomer is free jQuery image zoom plugin the magnifying glass effect.
MORE / INFO DEMO


Ion Zoom 1.2 – Image zoom jQuery plugin

ion.zoom — easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place.
MORE / INFO


Zoomimage – jQuery plugin

Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.
MORE / INFO


jQuery Mouseover Zoom together with AJAX-ZOOM

This jQuery mousehover extension is somewhat different! At first glance it looks like a regular mouseover zoom / hover zoom alike many others free and paid scripts. In fact it is, however it is only a preview of the real high resolution AJAX-ZOOM view, which is opened at fullscreen when you click on the preview image or lens (try it).
MORE / INFO


jQuery EasyZoom Plugin

EasyZoom is an elegant, highly optimised jQuery image zoom and panning plugin based on the original work by Alen Grakalic. EasyZoom includes an extension to create a gallery and supports touch-enabled devices including the iPhone and iPad.
MORE / INFO


NivoZoom jQuery Plugin

A great jQuery image Zoomer with 5 different zoom types and optional overaly support. Supports HTML captions with a simple and clean valid markup. It has loads of setings to tweak and play with. Very light weight with only 4kb.
MORE / INFO


Zoomooz.js – jQuery Zoom Plugin for Web Page Elements

Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.
MORE / INFO


Photo Zoom Out Effect With jQuery

Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and white images to focus on the effect.
MORE / INFO DEMO


jQZoom 2.2 – jQuery Image Zoom Tool

A handy script to magnify your images / photos. Based on jQuery, a Free jQuery alternative to Magic Zoom.
MORE / INFO


jQuery Zoomy Plugin

Zoomy is a quick and easy to integrate plugin that will zoom into any picture. Zoomy is a flexible zoom plugin and can be used with either, two copies of the same image, or one image linked to its self. Most CMS systems save or create multiple sizes of an image so its can be easily set up. Just link the larger zoom image on the smaller display image, and tell the plugin to use that link when zooming. It takes only a little bit of scripting.
MORE / INFO


Mosaiqy – Viewing and Zooming Photos Plugin

Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.
MORE / INFO


jQuery AJAX-ZOOM Plugin

AJAX-ZOOM is a powerful image zoom & pan plugin with 360° rotate option, jQuery image gallery option based on jQuery (JavaScript) and PHP. It is a completely packaged and free / low cost jQuery zoom solution to present high resolution images on the web. With over 300 other options AJAX-ZOOM is very flexible regarding it’s appearance and can be seamlessly integrated into any website – branding free!
MORE / INFO


Cloud Zoom (V3.0)

Cloud Zoom is a popular fly-out jQuery image zoom plugin used on many high profile retail sites.
Continuous improvement, regular updates and technical support make it a favoured choice for busy developers who need a mature and reliable jQuery image zoom solution for their clients.
MORE / INFO


fancyBox – Fancy jQuery Lightbox Alternative

fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built on the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.
MORE / INFO


Jquery Image Zoom Plugin Examples

The zoom works with either one or two images. Two images are recommended for the zoom to work the best. Most of the settings for the zoom box can be overridden.
MORE / INFO


GSInnerZoom – Inner Zoom & Magnifier jQuery Plugin

GSInnerZoom is a jQuery plugin that permit you to do an inner zoom or magnifier inside an image.
MORE / INFO


Jquery iviewer

JQuery.iviewer is an jquery ui widget representing image viewer component used to load and view image with ability to zoom image and to drag it with mouse in container.
MORE / INFO


jQuery PhotoShoot Plugin 1.0

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.
MORE / INFO DEMO


Creating An Image Zoom And Clip Effect With jQuery

A long time ago, I saw a really cool image effect in which I could select a region of an image and the image would automatically scale up to show the selected region. In that effect, the grainy, scaled-up image was then replaced with a hi-resolution version of the selected region. Years later, as I am getting more comfortable with jQuery, I wanted to see if I could recreate the effect. As an initial blog post, I’m just going to deal with the client-side image zoom; I’ll save the hi-resolution image creation and client-side swap for a follow-up post.
MORE / INFO


jQuery Image Zoom 2.0

This plug-in makes links pointing to images open in the “Image Zoom”. Clicking a link will zoom out the clicked image to its target-image. Click anywhere on the image or the close-button to zoom the image back in. Only ~3k minified.
MORE / INFO


jQuery plugin : Fancy Zoom

This plugin is the jQuery version on the fancy zoom effect. As describe on the fancy zoom web site, this effect is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself (see the demo below).
MORE / INFO


PanView jquery image zoom effect plugin

Creates a pan view, hold down your mouse button and start moving.
MORE / INFO DEMO


PHP & jQuery image upload and crop

This script has been updated please see the following link PHP & jQuery image upload and crop v1.2 AND the new fully jquery’d version of it Jquery image upload and crop for PHP. Both new scripts handle JPG, GIF and PNG upload and crop!
MORE / INFO DEMO


jQuery Image Cropping Plugin

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.
MORE / INFO DEMO


ImgAreaSelect jQuery Zoom Plugin

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
MORE / INFO DEMO


Crop, labelOver and pluck jQuery Zoom Plugin

I’ve been hoarding a few plugins which I thought it was about time I did some sharing.
MORE / INFO DEMO


jQuery Cycle Zoom Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin.
MORE / INFO DEMO


ImageLens – A jQuery plug-in for Lens Effect Image Zooming

Use this jQuery plug-in to add lens style zooming effect to an image.
MORE / INFO DEMO


JQZoom Image Zoom Plugin

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.
MORE / INFO DEMO


AnythingZoomer jQuery Plugin

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there.
MORE / INFO DEMO


Hover Zoom Effect with jQuery and CSS

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.
MORE / INFO DEMO


Featured jQuery Image Zoomer Effect

This script lets you view a magnified portion of any image upon moving your mouse over it. A magnifying area appears alongside the image displaying the magnified image on demand. The user can toggle the zoom level by using the mousewheel. It’s great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.
MORE / INFO




Aucun commentaire:

Enregistrer un commentaire

Creative PDF Download