PreviousPauseNext
Latest Free WordPress Themes | More Free Themes
AdsPress WordPress Theme
AdsPress

WP 2.5 Gallery Compatible
Adsense Ready
Gravatar Ready
2-Columns
Widget-Ready
Logo PSD

Demo
Download
Latest Free WordPress Themes | More Free Themes
Statement WordPress Theme
Statement

WP 2.5 Gallery Compatible
Quick Tabs
100% Width
3-Columns
Widget-Ready
Logo PSD

Demo
Download
Latest Free WordPress Themes | More Free Themes
Tutorials WordPress Theme
Tutorial Theme

Tutorials Feature
Thumbnails
Bright colors
3-Columns
Widget-Ready
XHTML Compliant

Demo
Download
Latest Free WordPress Themes | More Free Themes
Corptheme WordPress Theme
Corptheme

Four Flavors
Dropdown Menu
Separate Trackbacks
3-Columns
Widget-Ready
XHTML Compliant

Demo
Download
Latest Free WordPress Themes | More Free Themes
Chronicles WordPress Theme
Chronicles

Dark Brown
3-Columns
Widget-Ready
XHTML Compliant
Web 2.0

Demo
Download
Latest Free WordPress Themes | More Free Themes
Velocity WordPress Theme
Velocity

Trackbacks & Comments
3-Columns
Widget Ready
XHTML Compliant
Web 2.0

Demo
Download
Latest Free WordPress Themes | More Free Themes
Blue Lily Theme
Blue Lily

3-Column
Widget Ready
XHTML Compliant
Web 2.0
Rounded Edges

Demo
Download
Latest Free WordPress Themes | More Free Themes
Techicon Theme
Techicon

4-Column
Widget Ready
XHTML Compliant
Blue/White
Recent Boxes

Demo
Download
Latest Free WordPress Themes | More Free Themes
Brilliance Theme
Brilliance

3-Column
Widget Ready
XHTML Compliant
Black/White
Adsense Ready

Demo
Download
Latest Free WordPress Themes | More Free Themes
Identity Theme
Identity

3-Column
Widget Ready
XHTML Compliant
Black/White
Rounded Edges

Demo
Download
Latest Free WordPress Themes | More Free Themes
Xplosive Reloaded Theme
Xplosive Reloaded

3-Column
Widget Ready
XHTML Compliant
Multi-colored
CSS Style Switcher

Demo
Download
Latest Free WordPress Themes | More Free Themes
Limit Theme
Limit

3-Column
Widget Ready
XHTML Compliant
Blue/White
Rounded Edges

Demo
Download

Top 10 Javascripts for Image Manipulation

Written by Jai on December 21, 2007 – 3:24 pm - 192,604 views

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.

If you enjoyed this post, make sure you subscribe to my RSS feed!


80 Responses to “Top 10 Javascripts for Image Manipulation”



  1. not nice pic hehe but keep tryin!!



  2. i like, thanks for the collection.



  3. thanks for the post :)



  4. very good collection of super effects



  5. Nice. I really like a bunch of these.
    I might try a few on my site.



  6. 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!



  7. nice. this reminds me of a flash image thing called awnist stacks.



  8. Very good collection.. thank’s for your post ;)



  9. hey can you pass me the link to that image on the examples is really cool thanks



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



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



  12. awesome post



  13. cool:-)



  14. These are some really great tips. I hope to be able to use them somewhere soon.



  15. nice collection you have here. I like the curl one.



  16. Thank you for sharing, these are great!



  17. Very nice collection. I really like filmed.
    Thanks for sharing this



  18. Thanks bro, This is awesome script.



  19. Nice tips, I am totally going to try these out on my next blog post.
    Thanks



  20. What a great collection of JavaScripts. Thanks for it.



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



  22. Great scripts! I wonder if I implement these easily into my blogging tool. Thanks for these scripts!



  23. Thanks for sharing these great j-scripts. Really useful.



  24. Beautiful j-scripts! Cheers for sharing!



  25. nice, very helpful thanks



  26. Thanks a lot!!!!!!!!
    that is really easy to use!



  27. Very good. I transate it in russian on my blog
    mysolo.ru



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



  29. Nice list!



  30. thanks



  31. Great Site! Thanks for the referral… I will Used some of these for sure!



  32. Great. With simple techniques, best results achieved.



  33. Interesting, maybe I should use them..



  34. I need this info. for my web designer, thanks alot!!!



  35. Awesome stuff, I like this.



  36. Great!!!!!



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



  38. Awesome theme. Posted this theme and this site to http://www.thatsprofound.com

    Thanks a bunch. Great site!



  39. Nice little effects..



  40. Nice layouts



  41. I wish you had the “Instant” code available :(

    thanks though!!



  42. Nice. Let me try.



  43. Nice effects! Buyed a photo on www.fantasticphotos.110mb.com today - there is similar stuff.



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



  45. Great job that you have done

    thanks



  46. Instant.js can be found at http://www.netzgesta.de/instant/

    Thanks!



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

  1. 32 Trackback(s)

  2. 10 scripts javascript para manipular imagenes | aNieto2K
  3. » 10 scripts javascript para añadir efectos a nuestras imagenes 7recursos
  4. Top 10 Javascripts per manipulazione di immagini : sastgroup.com
  5. Las 10 mejores librerias JavaScript para manipular imágenes — Freak Group
  6. links for 2007-12-25 « Mandarine
  7. Javascripts Image Manipulation | DMB Consulting Blog
  8. Las mejores librerías JavaScript para manipular imágenes
  9. 10 JavaScripts zur Bildveränderung » Feedweiser
  10. rascunho » Blog Archive » links for 2007-12-26
  11. 10 Javascript para dar efectos a tus imágenes -  piglesias.com | Pablo Iglesias, diseñador gráfico
  12. links for 2007-12-26 « toonz
  13. 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.
  14. Secure Software Development for Social Networks » Image manipulation
  15. Jeff Barr’s Blog » Links for Thursday, December 27, 2007
  16. links for 2007-12-28 | a minor technicality
  17. küchler blog » Blog Archive » Top 10 Javascripts for Image Manipulation | Blog Oh Blog
  18. 10 Javascripts para manipulación de imagenes // menéame
  19. Top 10 Javascripts for Image Manipulation | Blog Oh Blog | mad crazy Developer
  20. Assorted Links at Litux Blog
  21. Earl Grey » Blog Archive » I thought i would post my bookmarks
  22. Jad’s thoughts » Quick stumbled links.
  23. 10 de enero de 2008
  24. Descubre los 10 códigos javascript para manipular imágenes
  25. Shinjiru Sucks! | Blog Oh Blog
  26. WebMistreX » Blog Archive » Javascript para utilizar con imágenes
  27. 10 javascripts para tus fotografias
  28. ComicSearch.co.uk
  29. <tech.kedesfase.com> » Blog Archive » links for 2008-01-23
  30. Image manipulation | Secure Software Engineering Blog
  31. links for 2007-12-26 en newdisco
  32. Hosting Prob » Shinjiru Hosting Sucks - Gets Eaten by Hostgator for Real!
  33. ?PHP PK??? » Blog Archive » 10????JavaScript???????

Post a Comment

BobV3 - A Premium WordPress Theme - $89.99
Modblogger - A Premium WordPress Theme - $89.99
Trueblogger - A Premium WordPress Theme - $79.99
Moneyblogger - A Premium WordPress Theme - $49.99
You can now make money by selling these premium themes. Earn a whopping 33% commission on every sale that you make from your website.
Join our Affiliate Program!