10 Excellent JQuery Plugin for Image Manipulation

Nov 26, 2009 15 Comments

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!

You can view the contents (with all elements of HTML compatible) with a few clicks of the mouse or slider JavaScript.

Tags: , , , , , , , ,

About the author

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.

15 Responses to “10 Excellent JQuery Plugin for Image Manipulation”

  1. 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog Virtual Library VLChina says:

    [...] the original post:  10 Excellent JQuery Plugin for Image Manipulation | denbagus blog By admin | category: image library | tags: compatible-or-group, slightly-different, [...]

  2. 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog | My Blog says:

    [...] 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog This entry was posted in jQuery and tagged become-very, gallery, jQuery, make-the-job, middle, [...]

  3. action games says:

    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 ……..

  4. Tweets that mention 10 Excellent JQuery Plugin for Image Manipulation | denbagus blog -- Topsy.com says:

    [...] This post was mentioned on Twitter by Angela Young, Manos Perakakis. Manos Perakakis said: 10 JQUERY PLUGINS για real-time επεξεργασία εικόνας: http://is.gd/54iWc [...]

  5. freezipe says:

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

  6. CSS Brigit | 10 Excellent JQuery Plugin for Image Manipulation says:

    10 Excellent JQuery Plugin for Image Manipulation…

    Today Excellent 10 JQuery Plugin for Image Manipulation. Enjoy it!…

  7. 40+ Awesome News for Web Designers and Developers | tripwire magazine says:

    [...] 10 Excellent JQuery Plugin for Image Manipulation [...]

  8. 40+ Awesome News for Web Designers and Developers | Programming Blog says:

    [...] 10 Excellent JQuery Plugin for Image Manipulation [...]

  9. 40+ Awesome News for Web Designers and Developers | Master Design says:

    [...] 10 Excellent JQuery Plugin for Image Manipulation [...]

  10. image manipulation says:

    Great compilation of plugins.
    Thanks for sharing.

    Regards,
    photo manipulation

  11. Blogger Den says:

    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

  12. atapbajaringan says:

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

  13. Atap Baja Ringan says:

    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.

Leave a Reply

RSS - Mail
520




denbagus blog is Digg proof thanks to caching by WP Super Cache