• .
  • .
  • .
  • .
  • .
  • .
  • .
  • .
Wix.com
Dec
21

Top 10 Javascripts for Image Manipulation

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.

This post was viewed 292,211 times

81 Comments to “Top 10 Javascripts for Image Manipulation” | Leave a Comment!

  1. alex says:

    graxias por tus grandes aportes te mereces 5 estrellas y mas cuidate

  2. summer says:

    some great effects thanks for posting!

  3. time says:

    that is probably what i was searching for!
    thanx :)

  4. Thanks for this… pretty useful effects!

  5. Vladimir says:

    Some of these are really nice and attractive manipulations, thanks :)

  6. komin says:

    Wow! Its Awesome … I appreciate the work that you have put in this page. Really good, Thanks.

  7. Pitar says:

    Very good, Thanks!

  8. Awesome and very good scripts collection thank you for a nice article.

  9. David Soto says:

    This can come in handy some how. Bookmarked!
    Thanks!

  10. SEO Hosting says:

    Image manipulation has really become easy with java scripts. Thanks for real useful list of java scripts.

  11. images says:

    Excellent work, thank you very much.

  12. hasfa says:

    What a great nice scripts. There’s too many usefull tutorial here. Thanks for the info.

  13. shaunjudy says:

    These are some nice scripts… Thanks for the info.

  14. Yunus says:

    They are great thanks..

  15. dilip says:

    Fabulous Post

  16. Corey says:

    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.

  17. BotJetryDer says:

    nice, really nice!

  18. Hazel Q. says:

    Thanks for the collection! Keep it up :)

  19. eurosaros says:

    great post…keep up the good work guys!

  20. haifafans says:

    Waaaaaaaaaw :D love it

  21. Kannan says:

    Nice collection… I will try to implement in my website http://www.mostfind.com

  22. Prateek says:

    Its really amazing if it worked out on My blog
    http://gohi-tech.blogspot.com

    Thanks

  23. Bakhtawar says:

    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

  24. Great list for me ! Thanks you very much

  25. Sam H says:

    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

  26. cchana says:

    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!

  27. mljm says:

    @mljm:-
    Ah I got it working – it was a timing problem, the onload kicked in too early.

  28. mljm says:

    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

  29. retro says:

    thanks for the share, maybe i will use it.

  30. SAB says:

    Thank you man!!!

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

  31. Andos says:

    Thanks man. That’s cool

  32. Duo says:

    Nice Collection. Thanx.

  33. Chris Larson says:

    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

  34. Noto says:

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

    Thanks!

  35. bipin says:

    Great job that you have done

    thanks

  36. Rich math says:

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

  37. Anna says:

    Nice effects! Buyed a photo on http://www.fantasticphotos.110mb.com today – there is similar stuff.

  38. balaji says:

    Nice. Let me try.

  39. Ryan says:

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

    thanks though!!

  40. soju says:

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

    Thanks a bunch. Great site!

  41. Derek says:

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

  42. xtupix says:

    Great!!!!!

  43. Awesome stuff, I like this.

  44. waveracer says:

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

  45. Caren says:

    Interesting, maybe I should use them..

  46. Jack says:

    Great. With simple techniques, best results achieved.

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

  48. David Shantz says:

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

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

  49. Paxa says:

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

  50. Claire says:

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

  51. abovethelies says:

    nice, very helpful thanks

  52. Jurgen says:

    Beautiful j-scripts! Cheers for sharing!

  53. Léonie says:

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

  54. Zanke says:

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

  55. bigyaz says:

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

  56. Jan Polzer says:

    What a great collection of JavaScripts. Thanks for it.

  57. new autos says:

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

  58. mriza says:

    Thanks bro, This is awesome script.

  59. Sava says:

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

  60. Missy says:

    Thank you for sharing, these are great!

  61. AdminSpy says:

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

  62. ChessGirl says:

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

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

  64. top 10? from what list? says:

    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.

  65. i want that image says:

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

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

  67. Han says:

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

  68. WebGyver says:

    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!

  69. VitaminCM says:

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

  70. dead sea says:

    very good collection of super effects

  71. sergey says:

    i like, thanks for the collection.

  72. aidilmujahid says:

    not nice pic hehe but keep tryin!!


Websites that Link to this Post

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

Leave a comment

Search :
Browse :
Archive :

$$$ Make Money $$$

Become an Affiliate

Welcome to Blog Oh! Blog's affiliate program! I personally invite you to make money by selling all of Blog Oh! Blog's Premium themes.

You will get a whopping 25% share on each sale generated through your affiliate link.

All you need to do is sign up as Blog Oh! Blog's affiliate, choose a banner, paste it on your website or blog and wait for sales to happen. It's as simple as that!

All affiliates will be paid on 10th of every month. Your affiliate earning needs to be a minimum $50 to get paid for each month.

Here is the sign up link and here are some banners to get you started!