A simple but eye catching effect to enhance your websites pictues.
Inspired by and based on a great tutorial from webdesignerwall.com.
Basic example:
window.addEvent('domready', function() {
new GrayscaleImages('img');
});
The argument can be any css selector or reference to an HtmlImageElement. You should take care that the selector only matches img elements, behavior in other cases is untested.
new GrayscaleImages([element, options]);
- element: (element, string, array) The element(s) to attach the effect to
- options: (object, optional) The options object
- duration: (int) Duration of the transition from grayscal to color.
- luminance: (bool) Turn off luminance correction by setting this to false.