JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

HTML

<link rel="stylesheet" href="http://www.rhinoslider.com/css/rhinoslider.css">
<script src="http://www.rhinoslider.com/js/rhinoslider-1.05.js"></script>
<button>Update</button>



<ul class="slideshow" id="slideshow">
		<li><img src="http://www.rhinoslider.com/img/004.jpg" alt="" title="Testcaption Image 4" /></li>
		<li><img src="http://www.rhinoslider.com/img/003.jpg" alt="" title="Testcaption Image 5" /></li>
	</ul>

JavaScript

var slides = $('#slideshow').clone();
$('#slideshow').rhinoslider();

$('button').click(function(){
    $('.rhino-container').remove();
    $('body').append(slides);
    $('#slideshow').rhinoslider({effect:"explode"});
})