JSFiddle - React, Tailwind, and code Playground

by unknown601

HTML

<link rel="stylesheet" href="https://code.builtbyevolve.com/nerveSlider/nerveSlider.min.css">
<script src="https://code.builtbyevolve.com/nerveSlider/jquery.nerveSlider.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/jquery-latest.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

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