Grayscale Image Hover 1.1
A simple but eye catching effect to enhance your websites pictues.
Inspired by and based on a great tutorial from webdesignerwall.com.
Details
- Author
- Rouven Weßling
- Current version
- 1.1
- GitHub
- realityking/grayscale-image-hover
- Downloads
- 2211
- Category
- Effects
- Tags
- Report
- GitHub Issues
Releases
Dependencies
-
_self_/_current_:
- Core/Fx.Tween
- Core/Fx.Transitions
- Core/Element.Event
How to use
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.
Class Grayscaleimages
Syntax
new GrayscaleImages([element, options]);
Arguments
- element: (element, string, array) The element(s) to attach the datepicker to
- options: (object, optional) The options object
Options:
- duration: (int) Duration of the transition from grayscal to color.
- luminance: (bool) Turn off luminance correction by setting this to false.
Discuss
A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.
Found a bug in this plugin? Please report it this repository's Github Issues.
blog comments powered by Disqus