Top 10 Javascripts for Image Manipulation

Published On December 21, 2007
83 Comments Leave a Comment

Reflex
Reflex.js

This javascript enables you to add a cover flow effect to any image on your web page. You can add reflection, tilt angles and also borders to your images. The results look like this:-

Reflex Image

Curl
Curl.js

This is an unobtrusive javascript to add page curl effect to your images and works on all the major web browsers. It can also produce the curl on mouseover where it animates the effect. Here is what it can accomplish:-

Curl Image

Edge

Edge.js

This javascript can help you in adding nifty edges to your images. You can even mask a second transparent image to generate some nice looking eye candy. I was able to make the script do this:-

Edge Image

Corner
Corner.js

This javascript lets you add effects to your image corners like rounded corners, shadow (both inner and outer), shading etc. This is what can be done using this javascript :-

Corner Image

Slided
Slided.js

You can add slide frames to your images by using this javascript in your web pages. I am sure it can be useful to some people. This is what I came up with:-

Slided Image

Glossy
Glossy.js

Add a glossy effect to your images to make them stand out. This javascript also allows to add corners, shading and shadow. Here is my result:-

Glossy Image

Filmed
Filmed.js

This javascript allows you to add film strips around your images. You can also add shadow and shine to your film strip edges. This is what it looks like:-

Filmed Image

Loupe
Loupe.js

Did you ever want to add a lens to your page which will let you zoom into the images. This script will let you do that and much more using two versions of your image. Here is a preview:-

Loupe Image

Instant
Instant.js

This javascript lets you add an instant picture effect to your images. You can add border, tilt and shadow to give your images that photo effect which you always wanted. Here is a sample:-

Instant Image

Bevel
Bevel.js

This javascript simulates a whole bunch of effects! It allows you to add bevels with glow, shading and shine to your images. Here is the javascript in action:-

Bevel Image

With cheap web hosting, if the hosting service is good enough, an affiliate program can work well. The marketing aspect is also not that bothersome, if there is wireless internet since then one can work on the online marketing arena. Other ways like ppc can be done later as well.

83 replies on “Top 10 Javascripts for Image Manipulation”

electrical engineer Reply

Hello to every one, for the reason that I am truly keen of
reading this blog’s post to be updated daily. It consists of nice material.

Jennifer Jackson Reply

$author Thanks for a wonderful post. Can not wait to come back and read more on your blog. Have a great day.

Corey Reply

These would be nice except for the non-commercial exclusion.

I wish sites that offer things like this (and I’m referring to their site), would clearly state what the price of the commercial license is. Having to contact the author via email for a price is unscrupulous IMO.

Great looking stuff, but unusable for me. Thanks anyways.

Bakhtawar Reply

Thanks dear for sharing nice set of java script, they are really very nice, i will use them at my wallpapers website.
http://www.wallpapers2k.com

Sam H Reply

hi, great post…i’ve used glossy on my site navigation images.

just one slight problem (and I wasn’t sure where else to ask a question)….the glossy display doesn’t render properly in google chrome. One of the very few problems i have found with the browser so far!

sam

cchana Reply

Some really nice effects you linked too. the magnifying one is quite nice. apart from the fact you have to drag it around, the result is better than most flash examples of the same thing imo!

mljm Reply

Great code, but I cannot get it to work inside frames in IE. In FF it works so it must be something IE specific that is preventing it. The pictures just disappear

SAB Reply

Thank you man!!!

You have shared really very good effects of javascript!! I am glad that I can do it without photoshop now 🙂

Chris Larson Reply

Nice list. I’ve been looking for something like this..l I’ve posted your list on listdid.com You should post your lists in the future on here

thanks,
Chris

Rich math Reply

Those are good advice about how to top 10 javascripts for image manipulation. I just started this wordpress blog and it’s going.

Derek Reply

Very nice. If anyone is interested in using a free web tool for manipulating your images online, or adding cool text – check out www.VividText.com

David Shantz Reply

Thank you. Some gorgeous effects. We have developed a web application for creative expression with digital photos: www.graphita.com

Most of our solutions composite bitmaps using flash proxies. Interesting to see how this was done.

bigyaz Reply

Ignore the idiots like “top 10? from what list?”, who have nothing to contribute except cheap comments. We appreciate the post. Thanks!

Dwayne Charrington Reply

Great post. Very useful for the people who haven’t heard of these very useful javascripts. I use them a fair bit myself in projects.

– Dwayne Charrington.
http://www.dwaynecharrington.com

top 10? from what list? Reply

All of these scripts were authored by the same person/group of people. They all come from the same website. You could look at one of them and find the rest on the site.

The scripts are good, but there was not a lot of thought put into this list, I’m afraid.

WebGyver Reply

It’s amazing how some people can focus on a specific goal and make it work. I’m sure that creating those JavaScript image effects must have been a very time-consuming learning experience . . . and I can have it all for free?

Thanks!

Leave a Reply to Franck Silvestre Cancel reply

Your email address will not be published. Required fields are marked *