JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<script type="text/javascript">
// ebru ve hat sanat&#305; &#246;rnekleri

var theImages = new Array()

theImages[0] = "http://mersinsanat.com/files/250/ebru.jpg"
theImages[1] = "http://rumeysa.net/sites/default/files/hat&#37;20sanati.jpg"
theImages[2] = "http://img296.imageshack.us/img296/8518/caligrafiaarabepajarotw0.jpg"
theImages[3] = "http://img122.imageshack.us/img122/3267/calligraphylionrj0.jpg"
theImages[4] = "http://img122.imageshack.us/img122/889/hatsanatiilehayvanfiguruy2.jpg"
theImages[5] = "http://www.enteresan.com/files/img/ent/art/1PY/0KH/R3A/sudanli-sanatcidan-hat-sanati,4,box.jpg"
theImages[6] = "http://t3.gstatic.com/images?q=tbn:ANd9GcSDBelCoqsV5bwImffkzXllAsjNAXdyqg_GsATxwPcriunVPk9L"
theImages[7] = "http://t3.gstatic.com/images?q=tbn:ANd9GcRhtSL5nBN1b-mvm8jVbSNGB18Dg1jwOI5OPnZSwkJerbUCcnYUTKNuSQ3k"
theImages[8] = "http://t2.gstatic.com/images?q=tbn:ANd9GcR5NCiYfst4pLBgxsxUYUu3AwXDB9sTG5bKgH_BQBHI45vlOQKZ"
theImages[9] = "http://img261.imageshack.us/img261/5331/28hat.jpg"
theImages[10] = "http://t0.gstatic.com/images?q=tbn:ANd9GcR2-6uDPFoLZq7IYTSYiIWxABH2S0eXpzxIhWCgLqwyo2FVSBT7y1Kp6CMCOw"  // o her &#351;eye kadirdir ve h&#252;ve ala k&#252;lli &#351;eyin kadir
theImages[11] = "http://t3.gstatic.com/images?q=tbn:ANd9GcQEIy5SWag3mg_YsQdsJHFRk6fS4khxBrdhfJ8Dz6Sm-9_txLuM"
theImages[12] = "http://t1.gstatic.com/images?q=tbn:ANd9GcSKtRzwzvb8gWHQFLw70-w3iLo9ezXykOmAgBuc5SR1qBhz5A2y4Q"
theImages[13] = "http://www.fotothing.com/photos/5fa/5fa67b05d5056bab0168506f14cd6e9a.jpg"
theImages[14] = "http://www.resimclub.com/data/media/156/islamic-art4.gif"
theImages[15] = "http://img143.imageshack.us/img143/3330/besmele3sm.jpg"
theImages[16] = "http://img.webme.com/pic/i/intihal/img-hat.gif"
theImages[17] = "http://i42.tinypic.com/9tom7c.jpg"
theImages[18] = "http://i44.tinypic.com/kdsen4.jpg"
theImages[19] = "http://i42.tinypic.com/10zzrfb.jpg"


var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p;...