jquery.bb-pixelify.min.js

/*!
 * BB Pixelify 1.1.1
 * Transform single images into a grid of tiles.
 * https://github.com/bobbybol/pixelify
 * @license MIT licensed
 *
 * Copyright (C) 2016 bobbybol.com - A project by Bobby Bol
 */
!function(i){"use strict";i.fn.bbPixelify=function(s){var r={columns:10,rows:10,responsive:!1};return i.extend(r,s),this.each(function(){var s=i(this);if(s.find("img").length){var o=s.find("img"),e="url("+o.attr("src")+")";o.css({display:"block",padding:0,margin:0});var d,l,a=o.width(),n=o.height(),t=a/r.columns,c=n/r.rows,u=jQuery("<div/>",{"class":"bbTile",css:{position:"absolute",width:t,height:c,backgroundImage:e}});for(o.remove(),"static"===s.css("position")&&s.css("position","relative"),r.reponsive||s.css({width:a,height:n}),d=0;d<r.rows;d++)for(l=0;l<r.columns;l++)u.clone().css({left:l*t,top:d*c,backgroundPosition:l*-t+"px "+d*-c+"px",backgroundSize:a+"px "+n+"px",backgroundRepeat:"no-repeat"}).appendTo(s);s.addClass("pixelified"),s.data("bbMatrixInfo",{rows:r.rows,columns:r.columns})}})}}(jQuery);