JSFiddle - React, Tailwind, and code Playground

by Tinh Nguyen Nhu

HTML

<script src="http://www.pixedelic.com/plugins/camera/scripts/jquery.mobile.customized.min.js"></script>
<script src="http://www.pixedelic.com/plugins/camera/scripts/jquery.easing.1.3.js"></script>
<script src="https://rawgit.com/pixedelic/Camera/master/scripts/camera.min.js"></script>
<link rel="stylesheet" href="http://www.pixedelic.com/plugins/camera/camera.css">
<!-- Camera slideshow Demo -->

<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
    <div data-thumb="http://www.pixedelic.com/plugins/camera/images/slides/thumbs/bridge.jpg" data-src="http://www.pixedelic.com/plugins/camera/images/slides/bridge.jpg">
        <div class="camera_caption fadeFromBottom">
            Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
        </div>
    </div>
    <div data-thumb="http://www.pixedelic.com/plugins/camera/images/slides/thumbs/leaf.jpg" data-src="http://www.pixedelic.com/plugins/camera/images/slides/leaf.jpg">
        <div class="camera_caption fadeFromBottom">
            It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
        </div>
    </div>
    <div data-thumb="http://www.pixedelic.com/plugins/camera/images/slides/thumbs/road.jpg" data-src="http://www.pixedelic.com/plugins/camera/images/slides/road.jpg">
        <div class="camera_caption fadeFromBottom">
            <em>It's completely free</em> (even if a donation is appreciated)
        </div>
    </div>
    <div data-thumb="http://www.pixedelic.com/plugins/camera/images/slides/thumbs/sea.jpg" data-src="http://www.pixedelic.com/plugins/camera/images/slides/sea.jpg">
        <div class="camera_caption fadeFromBottom">
            Camera slideshow provides many options <em>to customize your project</em> as more as possible
        </div>
    </div>
    <div data-thumb="http://www.pixedelic.com/plugins/camera/images/slides/thumbs/shelter.jpg"...

CSS

/* Camera slideshow Demo */

JavaScript

/* Camera slideshow Demo */
jQuery(function(){
    jQuery('#camera_wrap_1').camera({
        thumbnails: true
    });
});