JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

HTML

<script src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/js/fadeSlideShow.js"></script>
<link rel="stylesheet" href="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/style.css">

<select>
    <option value="1">Goto 1</option>
    <option value="2">Goto 2</option>
    <option value="3">Goto 3</option>
    <option value="4">Goto 4</option>
</select>

<div id="slideshowWrapper">
                <ul id="slideshow">
                    <li><img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/4.jpg" width="640" height="480" border="0" alt="" /></li> <!-- This is the last image in the slideshow -->
                    <li><img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/3.jpg" width="640" height="480" border="0" alt="" /></li>
                    <li><img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/2.jpg" width="640" height="480" border="0" alt="" /></li>
                    <li><img src="http://www.simplefadeslideshow.com/wp-content/themes/simplefadeslideshow_com/images/1.jpg" width="640" height="480" border="0" alt="" /></li> <!-- This is the first image in the slideshow -->
                </ul><br clear="all" />
            </div>

JavaScript

$('#slideshow').fadeSlideShow();


$('select').change(function(){
	jumpTo($(this).val(),true);
})

	function jumpTo(slidenumber,restartAuto){
	    $('#fssList li a').eq(parseInt(slidenumber) - 1).trigger('click');
	    if(restartAuto == true){
	    	autoplay();
	    } else {
	    	stopAutoplay();
	    }

	}