JSFiddle - React, Tailwind, and code Playground

JavaScript

/*!
 
 jquery.paginate.js
 
*/
(function(d){d.fn.paginate=function(i){var h=d.extend({},d.fn.paginate.d,i);return this.each(function(){var j=d(this),k=d.meta?d.extend({},h,j.data()):h;selectedpage=k.start;d.fn.draw(k,j,selectedpage)})};var g=0,f=0,b=0,c=navigator.appName,e=navigator.appVersion;if(e.indexOf("MSIE 7.0")>0){var a="ie7"}d.fn.paginate.d={count:5,start:12,display:5,scrollSpeed:7,border:true,border_color:"#fff",text_color:"#8cc59d",background_color:"black",border_hover_color:"#fff",text_hover_color:"#fff",background_hover_color:"#fff",rotate:true,images:true,mouse:"slide",onChange:function(){return false},modID:""};d.fn.draw=function(y,w,p){if(y.display>y.count){y.display=y.count}var s=w;g=s.parent().width();var r=d(document.createElement("input")).attr("type","hidden").attr("name","jPag-modID").attr("value",y.modID);var C=s.children();var k=C.eq(0),l=C.eq(1);C=k.children();var B=C.eq(0),F=C.eq(1);C=l.children();var j=C.eq(1),x=C.eq(0);var D=d(document.createElement("div")).addClass("jPag-paging-list"),m=d(document.createElement("ul")).addClass("jPag-pages").addClass("blackLink"),A=(y.display-1)>>1,t=p-A,h;var z=y.count,E=1;while(z--){var u=d(document.createElement("li")).addClass("pointer");if(E==p){u.html('<span class="jPag-current paginationBg bold pointer">'+E+"</span>");h=u;m.append(u);E++;break}else{u.html("<a>"+E+"</a>")}m.append(u);E++}while(z--){m.append(d(document.createElement("li")).addClass("pointer").html('<a class="paginationBgHover">'+E+"</a>"));E++}D.append(m);D.insertAfter(k);s.append(r);d.fn.applystyle(y,s,B,m,D,l,k);var n=f-k.outerWidth();D.css("width",f+"px");k.css("right",f+k.outerWidth()+"px");x.hover(function(){thumbs_scroll_interval=setInterval(function(){var i=D.scrollLeft()+1;D.scrollLeft(i)},y.scrollSpeed)},function(){clearInterval(thumbs_scroll_interval)});F.hover(function(){thumbs_scroll_interval=setInterval(function(){var...