Invert Images

Version 1.0.4

Invert White Images to Black using SVG, targeted for IE10 as CSS3 Filters replacement.

Browser Support

• Internet Explorer 10
• Chrome/Firefox Supports CSS3 filter

Demo

• Working Demo
• Blog post(coming soon!)

Prerequisite

• Modernizr with CSS Filters and Prefixed detection enabled.
• jQuery 1.x

How-To

1. Make sure Modernizr (with CSS Filters) and jQuery is added to your HTML file.
2. Add jquery.invertImages.min.js to your HTML file.
3. Call the invertImages() function inside DOM ready to the target image(s).

	//Initialize
	$(function () {
	    $("img").invertImages();
	});
	
	//Destroy
	$(function () {
	    $("img.toDestroy").invertImages('destroy');
	});

Other Options

Option	Default Value	Description
rootElm	html	Root element where you wish a flag/class to be added once plugin convert image using SVG
rootFlag	inverted	A class to be added on rootElm.

Changelog

• Version 1.0.0 - First authored.
• Version 1.0.2 - Updating with Bower/NPM updates, configured grunt.
• Version 1.0.3 - Destroy option to be passed as string. Garbage cleared (_default was of no use - removed. Destroy actually removes the stored data()); Added more CSS in .invert-it class because now more browsers supports the CSS Filters.
• Version 1.0.4 - Heavy optimization, local option object. No plugin invocation if CSS3 filter exists. Minified only 2KB now.