image-pixel-border
Extract the main colour of an image's borders
Example:
$('#MY_IMAGE_ID').getPixelColor(function(color) { $('body').css('background', color); });
Live example:
http://madtrax.github.io/image-pixel-border/
<div style="padding:20px;"> <img src="img.jpg" id="targetImg0" /> </div> <div style="padding:20px;"> <img src="img1.jpg" id="targetImg1" /> </div>
$(document).on('ready', function() { $('#targetImg0').getPixelColor(function(color) { $('#targetImg0').closest('div').css('background', color); }); $('#targetImg1').getPixelColor(function(color) { $('#targetImg1').closest('div').css('background', color); }); });