Skip to content
This repository has been archived by the owner on Jul 22, 2024. It is now read-only.

absqueued/InvertImages

Repository files navigation

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

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.