JSFiddle - React, Tailwind, and code Playground

JavaScript

var KdsSlide = function(options) {

		var animPolyFill, albumWall, self = this;
		var images = ["http://farm3.static.flickr.com/2666/3686946460_0acfa289fa_m.jpg","http://farm4.static.flickr.com/3611/3686140905_cbf9824a49_m.jpg","http://farm4.static.flickr.com/3274/3686140135_1b83dba0c3_m.jpg","http://farm4.static.flickr.com/3051/2692672949_275253ed55_m.jpg","http://farm4.static.flickr.com/3029/2693485702_758c53f7f1_m.jpg","http://farm4.static.flickr.com/3221/2693483418_1af5714ea0_m.jpg","http://farm4.static.flickr.com/3162/2693480990_15c6619af2_m.jpg","http://farm4.static.flickr.com/3022/2615341879_7fe63af14b_m.jpg","http://farm4.static.flickr.com/3141/2615340453_d9f158bb14_m.jpg","http://farm4.static.flickr.com/3232/2615338551_0685099d6d_m.jpg","http://farm4.static.flickr.com/3124/2615336735_95b85e7999_m.jpg","http://farm3.static.flickr.com/2179/2484647604_93cdab1d6a_m.jpg","http://farm4.static.flickr.com/3259/2484647244_d3e2b2c888_m.jpg","http://farm3.static.flickr.com/2180/2484646672_0ba65db65c_m.jpg","http://farm4.static.flickr.com/3136/2434833862_7a5f7b9bed_m.jpg","http://farm4.static.flickr.com/3273/2434017625_cdec35760d_m.jpg","http://farm4.static.flickr.com/3267/2434833496_80f785180a_m.jpg","http://farm3.static.flickr.com/2243/2434833346_b4da4b35db_m.jpg","http://farm3.static.flickr.com/2371/2434017181_71d52feeae_m.jpg","http://farm3.static.flickr.com/2339/2432825807_37d5e8cc3d_m.jpg"];


		
		this.setDefaults = function() {


			albumWall = {

				count: 8,
				delay: 20,
				minSpeed: 1,
				maxSpeed: 4,
				canvas: null,
				fbImages: [],
				fps : 60,
				now : 0,
				then : Date.now(),
				interval : 5,
				delta : 0,
				imageLoadCount : 0,
				imgArr : [],
				totalImages : 0,
				canvasBackground : '#fff'
				
			};

			
			albumWall = $.extend({}, albumWall, options);
			
		};

		this.loadImages = function() {
			$.each(images , function(index , value) {
				albumWall.imgArr[index] = new Image();
				albumWall.imgArr[index].src =...