Resources and tutorials for Webmasters
Resources and tutorials for Webmasters

Wednesday, May 6, 2009

Reflection.js uses unobtrusive javascript to add reflections to images on your webpages.

Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB.

Reflection.js works well with logos, icons and dynamic image content such as forum avatars. Reflection.js comes into it's own with forum avatars; you can apply a reflection effect to every avatar on your forum or blog without any additional server work. Try it out with your own images using the reflect-o-matic

Features

  • Fun and easy to implement! Just add class="reflect" to your images
  • Automatically blends into background colours or images
  • It's easy to vary the reflection height and opacity
  • Can respond to user actions through Javascript
  • Degrades in older browsers; they won't notice a thing!
  • It's smaller in size than most images; under 5KB!

Download the latest version, Reflection.js v2.0.

Please see the readme.html file inside this download for instructions on how to use reflection.js. You only need to upload reflection.js. Or just get the javascript.

Many of these implementations include an older versions of reflection.js in their download. You may wish to use the latest version of reflection.js from this webpage instead.


Publicado por Unknown en 6:35 PM
Etiquetas: , , , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)