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="https://i.imgur.com/eaWKXQF.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/KuuSUGI.jpg" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/7Yh3cHt.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/9k5x7yP.jpg" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/BeLG865.jpg" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/SCNniUo.jpg" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/FSijMGIh.jpg" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/uewjy7c.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/06tthBU.jpg" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/Fs8YHWz.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/teoP1jI.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/cMHDN4X.gifv" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/jURFn5l.jpg" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/DEb8JE4.jpg" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/3BUi8LL.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/teoP1jI.gifv" /></li>
<li><img alt="text" title="text" src="https://i.imgur.com/teoP1jI.gifv" /></li>
<li><img alt="text" title="text" src="http://i.imgur.com/v3WsTUq.jpg" /></li>
<li><img alt="text"...

CSS

#supers{display:none;}

JavaScript

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