JSFiddle - React, Tailwind, and code Playground

by unknown601

HTML

<script src=" //innovation-laboratories.com/js/jquery-ui-1.10.2.min.js"></script>
<link rel="stylesheet" href="//innovation-laboratories.com/css/nerveSlider-product.min.css">
<script src="//innovation-laboratories.com/js/jquery.nerveSlider.min.js"></script>
<script src="//innovation-laboratories.com/js/jquery-1.10.2.min.js"></script>
<div class="section">
	<div class="iAmTest">
		<img src="http://code.builtbyevolve.com/nerveSlider/example-images/canyon.jpg" data-slidecaption="<h1>Caption Title</h1>Hey!  This is a slide caption!">
		<a href="http://www.builtbyevolve.com/" target="_blank"><img src="http://code.builtbyevolve.com/nerveSlider/example-images/dusk.jpg" data-slidecaption="I have a link!"></a>
		<img src="http://code.builtbyevolve.com/nerveSlider/example-images/winter.jpg">
		<img src="http://code.builtbyevolve.com/nerveSlider/example-images/tree.jpg">
	</div>
</div>

JavaScript

$(document).ready(function(){
	$(".iAmTest").startslider({
		slideTransitionSpeed: 1800,
		slideTransitionEasing: "easeInOutExpo",
		slidesDraggable: true,
		sliderResizable: true
		});
});