Top 10 Javascripts for Image Manipulation
Written by Jai on December 21, 2007 – 3:24 pm - 192,604 views
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:-
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:-
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:-
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 :-
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:-
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:-
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:-
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:-
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:-
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:-
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.
If you enjoyed this post, make sure you subscribe to my RSS feed!
80 Responses
to “Top 10 Javascripts for Image Manipulation”
32 Trackback(s)
- Dec 24, 2007: 10 scripts javascript para manipular imagenes | aNieto2K
- Dec 24, 2007: » 10 scripts javascript para añadir efectos a nuestras imagenes 7recursos
- Dec 24, 2007: Top 10 Javascripts per manipulazione di immagini : sastgroup.com
- Dec 24, 2007: Las 10 mejores librerias JavaScript para manipular imágenes — Freak Group
- Dec 24, 2007: links for 2007-12-25 « Mandarine
- Dec 25, 2007: Javascripts Image Manipulation | DMB Consulting Blog
- Dec 26, 2007: Las mejores librerías JavaScript para manipular imágenes
- Dec 26, 2007: 10 JavaScripts zur Bildveränderung » Feedweiser
- Dec 26, 2007: rascunho » Blog Archive » links for 2007-12-26
- Dec 26, 2007: 10 Javascript para dar efectos a tus imágenes - piglesias.com | Pablo Iglesias, diseñador gráfico
- Dec 26, 2007: links for 2007-12-26 « toonz
- Dec 27, 2007: 10 Javascripts para manipulación de imágenes » Comenta o Muere | Actualidad, Humor, Tecnología, Política, Ciencia, Música… y otros muchos temas de los que merece la pena hablar.
- Dec 27, 2007: Secure Software Development for Social Networks » Image manipulation
- Dec 27, 2007: Jeff Barr’s Blog » Links for Thursday, December 27, 2007
- Dec 28, 2007: links for 2007-12-28 | a minor technicality
- Dec 28, 2007: küchler blog » Blog Archive » Top 10 Javascripts for Image Manipulation | Blog Oh Blog
- Dec 31, 2007: 10 Javascripts para manipulación de imagenes // menéame
- Jan 2, 2008: Top 10 Javascripts for Image Manipulation | Blog Oh Blog | mad crazy Developer
- Jan 2, 2008: Assorted Links at Litux Blog
- Jan 6, 2008: Earl Grey » Blog Archive » I thought i would post my bookmarks
- Jan 9, 2008: Jad’s thoughts » Quick stumbled links.
- Jan 10, 2008: 10 de enero de 2008
- Jan 11, 2008: Descubre los 10 códigos javascript para manipular imágenes
- Jan 11, 2008: Shinjiru Sucks! | Blog Oh Blog
- Jan 12, 2008: WebMistreX » Blog Archive » Javascript para utilizar con imágenes
- Jan 18, 2008: 10 javascripts para tus fotografias
- Jan 21, 2008: ComicSearch.co.uk
- Jan 23, 2008: <tech.kedesfase.com> » Blog Archive » links for 2008-01-23
- Feb 29, 2008: Image manipulation | Secure Software Engineering Blog
- Mar 7, 2008: links for 2007-12-26 en newdisco
- Mar 18, 2008: Hosting Prob » Shinjiru Hosting Sucks - Gets Eaten by Hostgator for Real!
- May 2, 2008: ?PHP PK??? » Blog Archive » 10????JavaScript???????
not nice pic hehe but keep tryin!!
i like, thanks for the collection.
thanks for the post
very good collection of super effects
Nice. I really like a bunch of these.
I might try a few on my site.
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!
nice. this reminds me of a flash image thing called awnist stacks.
Very good collection.. thank’s for your post
hey can you pass me the link to that image on the examples is really cool thanks
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.
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
awesome post
cool:-)
These are some really great tips. I hope to be able to use them somewhere soon.
nice collection you have here. I like the curl one.
Thank you for sharing, these are great!
Very nice collection. I really like filmed.
Thanks for sharing this
Thanks bro, This is awesome script.
Nice tips, I am totally going to try these out on my next blog post.
Thanks
What a great collection of JavaScripts. Thanks for it.
Cool
Ignore the idiots like “top 10? from what list?”, who have nothing to contribute except cheap comments. We appreciate the post. Thanks!
Great scripts! I wonder if I implement these easily into my blogging tool. Thanks for these scripts!
Thanks for sharing these great j-scripts. Really useful.
Beautiful j-scripts! Cheers for sharing!
nice, very helpful thanks
Thanks a lot!!!!!!!!
that is really easy to use!
Very good. I transate it in russian on my blog
mysolo.ru
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.
Nice list!
thanks
Great Site! Thanks for the referral… I will Used some of these for sure!
Great. With simple techniques, best results achieved.
Interesting, maybe I should use them..
I need this info. for my web designer, thanks alot!!!
Awesome stuff, I like this.
Great!!!!!
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
Awesome theme. Posted this theme and this site to http://www.thatsprofound.com
Thanks a bunch. Great site!
Nice little effects..
Nice layouts
I wish you had the “Instant” code available
thanks though!!
Nice. Let me try.
Nice effects! Buyed a photo on www.fantasticphotos.110mb.com today - there is similar stuff.
Those are good advice about how to top 10 javascripts for image manipulation. I just started this wordpress blog and it’s going.
Great job that you have done
thanks
Instant.js can be found at http://www.netzgesta.de/instant/
Thanks!
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