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
6322
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

  1. element: (element, string, array) The element(s) to attach the datepicker to
  2. 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