JSFiddle - React, Tailwind, and code Playground

by exizt

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.css">
<script src="http://fotorama.s3.amazonaws.com/4.4.9/fotorama.js"></script>
<div class="fotorama" data-auto="false" data-width="300" data-height="400"> <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/1-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/1-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/2-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/2-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/3-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/3-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/4-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/4-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/5-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/5-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/24-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/24-thumb.jpg" data-thumbwidth="144" data-thumbheight="214"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/6-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/6-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/7-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/7-thumb.jpg" data-thumbwidth="144" data-thumbheight="96"></a>
 <a href="http://fotorama.s3.amazonaws.com/i/okonechnikov/8-lo.jpg" data-thumb="http://fotorama.s3.amazonaws.com/i/okonechnikov/8-thumb.jpg" data-thumbwidth="144"...

JavaScript

$(function () {
    var doSwipe = false;
    if ($('html.touch').length > 0) {
        doSwipe = true;
    }
    $('.fotorama').fotorama({
        swipe: doSwipe
    });
})