JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.videmadesign.herobo.com/prove-stak/supersized/supersized.css">
<link rel="stylesheet" href="http://www.videmadesign.herobo.com/prove-stak/supersized/supersized.shutter.css">
<script src="http://www.videmadesign.herobo.com/prove-stak/supersized/jquery.easing.min.js"></script>
<script src="http://www.videmadesign.herobo.com/prove-stak/supersized/supersized.3.2.7.min.js"></script>
<script src="http://www.videmadesign.herobo.com/prove-stak/supersized/supersized.shutter.min.js"></script>
<ul id="supers">
<li><img alt="text" title="text" src="http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-1.jpg" /></li>
<li><img alt="text" title="text" src="http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-2.jpg" /></li>
<li><img alt="text" title="text" src="http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/kazvan-3.jpg" /></li>
<li><img alt="text" title="text" src="http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-1.jpg" /></li>
<li><img alt="text" title="text" src="http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides/wojno-2.jpg" /></li>
</ul>

CSS

#supers{display:none;}

JavaScript

var obj={
			slides 	:  	[]			
			}
			
		for(i=0;i<$('#supers li').length;i++){
			var srcImg=$('#supers li:eq('+i+')').find('img').attr('src')
			obj.slides[i]={image:srcImg}
			}
		
		$.supersized({
			slide_interval          :   3000,		
			transition              :   1, 			
			transition_speed		:	700,		
			slide_links				:	'blank',	
			slides 					:   obj.slides
			
		});