10 Excellent JQuery Plugin for Image Manipulation

Jquery last few months has become very popular among web designers and web developers, a lot of jquery plugin to make the job easier and faster. Image manipulation is often done in the web application. I’m sharing web.Today Excellent 10 JQuery Plugin for Image Manipulation. Enjoy it!

imgPreview – JQuery Plugin for Image Preview

imgpreview

imgPreview is a JQuery plugin that previewing the image before you can click on them.Later click on the picture to show the same as preview.The in the image preview is displayed in the tooltip will be biased, such as field-chic.

The plugin is discrete, do not use non-semantic classes. Detects attachment points, which is applied to a reference image and the effect of viewing just for them.

There are several options that comes with the definition of PF imgPreview CSS image for preview, its distance from the cursor, if the photos are loaded or not, the callback functions and much more.

MooCrop – Mootools pruning pictures

mootools-crop

MooCrop is a utility for  crop images using the powerful MooTools JavaScript Framework. Solo is just a tool, but in combination with Serverside script is used then the program images.

Some features MooCrop:

* Fully customizable CSS style
* Detects and handles multiple CSS box models
* You can activate the glue
* Ability to hide the handles during drag
* Dates for your own custom changes
* Accommodation that instead of absolute (if not properly handle the overflow)
* Work develops and supports the floating images.
* Changing the size of 8 different directions
* Ability to set the size limit minimium
* Cleans very well, so that your DOM in its original state when removed.
* Hurry!

ProtoFlow – Coverflow for Prototype

protoflow

ProtoFlow is open source content display built with prototype and script.aculo.us which functions similar to known ITunes Cover Flow.It noted that the use of additional functions in the future as auto play and can reflect the image.

Crop image with a prototype

image cropping

image cropping is a common feature in web applications.Prototype JavaScript Image Cropper UI, unobtrusive script based on prototype and script.aculo.us.

Allows you to select all areas of the image and gives X, Y, x1, y1, width and height sufficient for a successful harvest, cropping.Prototype still images

This prototype image crop UI also has ratio locking, preview of the selected area, and the minimum height – width of the page.

Image link design with JavaScript

imagelink

Image Link is an unobtrusive, that JavaScript, to further style picture on the left may apply. State JavaScript Mouseover displays the image on the original image.

Command automatically creates a SPAN element, which is over the image, and assign the CSS class for this.

Image Manipulation with Phototype

phototype

Phototype is a client-server, add a page, based on the prototype, which supports all types of images. Serverside Library is powered by a combination of PHP / GD, which makes the image. With photo set to rotate into position, Zoom, Zoom, rotate, and some other effects to images from the cold.

FancyBox – Jquery Image Zomming

fancybox

FancyBox similar to lightbox-like tools, but with a slightly different image zooming script for those who want something new. This is verified JavaScript-powered Library – JQuery, with IE6, IE7, Firefox. It is compatible or group of images, other scenarios the gallery. Zoom Zoom and customizable effects. CSS is separated from the JS code to accelerate and improve adaptation. I would like to download the animations on the screen, but not in the middle of the screen.

Transitional Image Manager with Scriptaculous and Prototype

trans

Image transition manager library based on Prototype and Scriptaculous. It supports various image transitions, such as fading, apparently, sliding, growing and declining. Because it uses the technique of unobtrusive JavaScript Online JavaScript is not needed and hyperlinks still function when JavaScript is disabled.

I think that the script works really great, can be 8 (to have more down in the near future) image transition effects to your website. However, it seems a little slow to load the image in the first place. It would be much better if the script to preload all images before.

Smooth Javascript Image Zoom for web pages

fancyzoom

FancyZoom was designed to download to see full size photos and images online without the need for a separate Web page. It offers smooth and clean, truly Mac-like effect as if it were a function of Safari itself. FancyZoom has the following characteristics that make it egLightbox from other well-known galleries modal field. FancyZoom is free for non-commercial website.

* Focuses on the soft, polished zooming animation possible
* Automatic image from any image link, no HTML changes
* Preloading images in full size in the background on Mouseover link
* No heavy resource libraries JavaScript – 100% coded from scratch again to increase
* Spend a pleasant shade of the full-sized image displacement on the page
* Using Safari 3 in the shadow box to draw the shade initially, there is no need for image

PopBox -  image magnification javascript

popbox

PopBox is a JavaScript zoom in on solutions for dynamic movement and resizing images on your site. JavaScript? Yes – I know that nothing new and have been able to move things in Javascript and size over the years, but now there are only solutions, to make it as easy as 3 lines of code HTML, not knowing makes the position one iota! If your site has a gallery thumbnail, then you need PopBox!

Get 1z0-526 demos for ccna training and 70-272 exam with 100% guaranteed success. Our best quality 70-529 prepares you well before appearing in the final exams of 70-620.

The Author of this post is denbagus

Denbagus.net is a weblog that provides Web Technology resources , web 2.0, web apps, web technology trends, open source, free stuff , tips and trick.

17 Responses »

  1. it’s very useful and we can gather more details about image preview……web developers and css designers gain more knowledge about jquery plugin for image preview.. post more articles like this ……..

  2. thanks for sharing
    .-= freezipe´s last blog ..Toshiba 32AV502R 32-Inch 720p LCD HDTV Review =-.

  3. Great compilation of plugins.
    Thanks for sharing.

    Regards,
    photo manipulation

  4. This is sick! I love seeing new jQuery tutorials and you’ve got a really good one here, maybe I can fit it in on my site somehow

  5. Thanks for join information bro..its very work for me..

  6. I think that the script works really great, can be 8 (to have more
    down in the near future) image transition effects to your website.

  7. Nice plugin to zoom hd images without flash (works on iPad…) –
    http://www.ajax-zoom.com

  8. Your article title is a flat out lie, only 2 of the 10 items in
    your list have anything to do with jQuery!

Trackbacks

  1. 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog Virtual Library VLChina
  2. 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog | My Blog
  3. Tweets that mention 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog -- Topsy.com
  4. tripwire magazine | tripwire magazine
  5. CSS Brigit | 10 Excellent JQuery Plugin for Image Manipulation
  6. 40+ Awesome News for Web Designers and Developers | tripwire magazine
  7. 40+ Awesome News for Web Designers and Developers | Programming Blog
  8. 40+ Awesome News for Web Designers and Developers | Master Design

Leave a Comment