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 304,428 times

129 comments on “Top 10 Javascripts for Image Manipulation”

  1. inside uncut says:

    But, the cost of mass manufacturing plummeted with the
    massive increase in demand. If you’re unable to hold an appointment for many reasons, you’re requested to provide
    them sufficient notice because it helps them all to give your appointment time
    to some other patient.

    Check out my webpage inside uncut

  2. Very handy!! Keep up with the good work!! Thank you!!

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

  4. alex says:

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

  5. summer says:

    some great effects thanks for posting!

  6. time says:

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

  7. Thanks for this… pretty useful effects!

  8. Vladimir says:

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

  9. komin says:

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

  10. Pitar says:

    Very good, Thanks!

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

  12. David Soto says:

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

  13. SEO Hosting says:

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

  14. images says:

    Excellent work, thank you very much.

  15. hasfa says:

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

  16. shaunjudy says:

    These are some nice scripts… Thanks for the info.

  17. Yunus says:

    They are great thanks..

  18. dilip says:

    Fabulous Post

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

  20. BotJetryDer says:

    nice, really nice!

  21. Hazel Q. says:

    Thanks for the collection! Keep it up :)

  22. eurosaros says:

    great post…keep up the good work guys!

  23. haifafans says:

    Waaaaaaaaaw :D love it

  24. Kannan says:

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

  25. Prateek says:

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

    Thanks

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

  27. Great list for me ! Thanks you very much

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

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

  30. mljm says:

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

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

  32. retro says:

    thanks for the share, maybe i will use it.

  33. 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 :)

  34. Andos says:

    Thanks man. That’s cool

  35. Duo says:

    Nice Collection. Thanx.

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

  37. Noto says:

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

    Thanks!

  38. bipin says:

    Great job that you have done

    thanks

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

  40. Anna says:

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

  41. balaji says:

    Nice. Let me try.

  42. Ryan says:

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

    thanks though!!

  43. soju says:

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

    Thanks a bunch. Great site!

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

  45. Pingback: ComicSearch.co.uk
  46. xtupix says:

    Great!!!!!

  47. Awesome stuff, I like this.

  48. waveracer says:

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

  49. Caren says:

    Interesting, maybe I should use them..

  50. Jack says:

    Great. With simple techniques, best results achieved.

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

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

  53. Paxa says:

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

  54. Claire says:

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

  55. abovethelies says:

    nice, very helpful thanks

  56. Jurgen says:

    Beautiful j-scripts! Cheers for sharing!

  57. Léonie says:

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

  58. Zanke says:

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

  59. bigyaz says:

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

  60. Jan Polzer says:

    What a great collection of JavaScripts. Thanks for it.

  61. new autos says:

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

  62. mriza says:

    Thanks bro, This is awesome script.

  63. Sava says:

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

  64. Missy says:

    Thank you for sharing, these are great!

  65. AdminSpy says:

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

  66. ChessGirl says:

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

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

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

  69. i want that image says:

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

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

  71. Han says:

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

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

  73. VitaminCM says:

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

  74. dead sea says:

    very good collection of super effects

  75. sergey says:

    i like, thanks for the collection.

  76. aidilmujahid says:

    not nice pic hehe but keep tryin!!

Leave a Reply

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


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">

Search :