JSFiddle - React, Tailwind, and code Playground
HTML
<!-- The version of nivo-slider is provided from YOUR Homepage. -->
<!-- This version along with the markup allows thumbnails to be seen in IE7 -->
<!-- These 3 files with there version numbers is what the Demo uses. -->
<!-- All four files produces Nivo v3.0.1 -->
<!-- NIVO SKIN FILE -->
<!-- File Version is v1.2 -->
<!-- The word default.css implies this is the Default Theme. -->
<!-- Not done: It's possiable to include complement Theme File -->
<link rel='stylesheet' href='http://iqhomeautomation.com/iqwordpress/wp-content/plugins/nivo-slider/scripts/nivo-slider/themes/default/default.css?ver=3.3.1' type='text/css' media='all'/>
<!-- NIVO SLIDER FILE (Internal name is N/A but this will do.) -->
<!-- File Version is v3.0.1 -->
<link rel='stylesheet' id='nivoslider-css' href='http://iqhomeautomation.com/iqwordpress/wp-content/plugins/nivo-slider/scripts/nivo-slider/nivo-slider.css?ver=3.3.1' type='text/css' media='all'/>
<!-- NIVO JQUERY FILE -->
<!-- File Version v3.0.1 -->
<!-- P.S. It's odd to see appended WP version as v.3.3.1 -->
<script type='text/javascript' src='http://iqhomeautomation.com/iqwordpress/wp-content/plugins/nivo-slider/scripts/nivo-slider/jquery.nivo.slider.pack.js?ver=3.3.1'></script>
<!-- The CSS settings shown below will over-ride those in SKIN FILE (default.css) above. Do not transfer these styles to jsFiddle CSS Panel since they would load first and become invalid once 'default.css' is finally loaded. -->
<style type="text/css" media="screen">
.theme-default.controlnav-thumbs .nivo-controlNav {
position:absolute;
left: 0px;
top: 493px; /* Notice difference from v2.7.1 in other jsFiddle */
margin:0;
}
.theme-default.controlnav-thumbs .nivo-controlNav a {
display:inline;
background:none;
text-indent:0px;
border:0;
margin-right:10px;
float:none;
}
.theme-default.controlnav-thumbs .nivo-controlNav a.active img {
border: 3px solid red;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
...
JavaScript
jQuery(window).load(function() {
jQuery("#nivoslider-83").nivoSlider({
controlNavThumbs: true
});
});