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”

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.

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

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

bigyaz Reply

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

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.

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 dilip Cancel reply

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