Merge branch 'master' of https://github.com/rastasheep/jquery.adaptive-backgrounds.js into rastasheep-master

Conflicts:
	dist/jquery.adaptive-backgrounds.min.js

Author: briangonzalez

README.md

@@ -35,6 +35,10 @@ Default Options
 ----------------
 - __selector__ String _(default: `'img[data-adaptive-background="1"]'`)_ a CSS selector which denotes which images to grab/process. Ideally, this selector would start with _img_, to ensure we only grab and try to process actual images.
 - __parent__ falsy _(default: `null`)_ a CSS selector which denotes which parent to apply the background color to. By default, the color is applied to the parent one level up the DOM tree.
+- __changeTxtColor__ boolean _(default: `false`)_ option to change color of parent text according generated background image
+- __parentTxtLight__ String _(default: `#fff`)_ text color used when background color is dark
+- __parentTxtDark__ String _(default: `#000`)_ text color used when background color is light 
+
 
 __Example:__
 Call the `run` method, passing in any options you'd like to override.

src/jquery.adaptive-backgrounds.js

@@ -11,6 +11,9 @@
   var DEFAULTS      = {
     selector:   'img[data-adaptive-background="1"]',
     parent:     null,
+    changeTxtColor: false,
+    parentTxtLight: "#fff",
+    parentTxtDark: "#000",
   };
 
   // Include RGBaster - https://github.com/briangonzalez/rgbaster.js
@@ -40,6 +43,7 @@
 
         /* Subscribe to our color-found event. */
         $this.on( EVENT_CF, function(ev, data){
+          var $data = data;
           var $parent;
           if ( $this.attr( DATA_PARENT ) ){
             $parent = $this.parents( $this.attr( DATA_PARENT ) );
@@ -52,6 +56,17 @@
           }
 
           $parent.css({ backgroundColor: data.color });
+
+          if (opts.changeTxtColor){ 
+            /* Small helper function for calculating color contrast */
+            var getTxtColor = function (){
+              var rgb = $data.color.match(/\d+/g);
+              var yiq = ((rgb[0]*299)+(rgb[1]*587)+(rgb[2]*114))/1000;
+              return yiq >= 128 ? opts.parentTxtDark : opts.parentTxtLight;
+            };
+
+            $parent.css({ color: getTxtColor });
+          }
         });
 
         /* Handle the colors. */ 
@@ -61,4 +76,4 @@
     },
   };
 
-})(jQuery);
+})(jQuery);