JSFiddle - React, Tailwind, and code Playground

by Alexander Startsev

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
<div class="bill-wrapper">
    <div class="bill" data-auto="false"></div>
    <select name="test-select" id="test-select">
        <option value="1">Value</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
    </select>
</div>

JavaScript

$(function(){
    var billArray = [
	{img: 'http://vignette3.wikia.nocookie.net/gravityfalls/images/6/6e/S1e19_Bill_portal.jpg/revision/latest/scale-to-width-down/1000?cb=20130720210828'},
	{img: 'http://vignette1.wikia.nocookie.net/gravityfalls/images/1/15/S1e19_Black_and_white_Bill.jpg/revision/latest/scale-to-width-down/1000?cb=20130720211045'},
	{img: 'http://vignette3.wikia.nocookie.net/gravityfalls/images/2/27/S1e19_Bill_with_arms_up.jpg/revision/latest/scale-to-width-down/1000?cb=20130720211143'}
        ],
        waddlesArray = [
            {img: 'http://vignette1.wikia.nocookie.net/gravityfalls/images/b/b9/S1e16_waddles_eating_scorecard.png/revision/20130406035844'
            },
            {img: 'http://vignette2.wikia.nocookie.net/gravityfalls/images/5/54/S1e12_meme2.png/revision/latest?cb=20141101030645'},
            {img: 'http://img2.wikia.nocookie.net/__cb20130822062714/gravityfalls/images/thumb/d/db/S1e18_Cute_Waddles.png/500px-S1e18_Cute_Waddles.png'}
        ],
        mabelArray = [
            {img: 'http://vignette4.wikia.nocookie.net/gravityfalls/images/2/2a/S1e18_Mabel_and_Waddles_cuddling.jpg/revision/latest?cb=20130620232250'},
            {img: 'http://img3.wikia.nocookie.net/__cb20120921153058/gravityfalls/images/b/b8/S1e9_Mabel_Petting_Waddles.png'},
            {img: 'http://vignette1.wikia.nocookie.net/gravityfalls/images/d/d8/S1e18_Mabel_and_Waddles_posing.jpg/revision/latest?cb=20140909040959&path-prefix=ru'}
        ];
    var $fotoramaDiv = $('.bill').fotorama({
    	width: '100%',
        fit: 'cover',
        height: 400,
        ratio: 4/3,
        loop: true,
        nav: 'thumbs',
        transition: 'dissolve',
        data: billArray
    });
    
    var fotorama = $fotoramaDiv.data('fotorama');
    
	$('#test-select').on('change', function(){
        var thisValue = $(this).val();
        
        switch(thisValue) {
            case '2': fotorama.load(waddlesArray); break;
            case '3':...