JSFiddle - React, Tailwind, and code Playground

by Maps Ylno

HTML

<link rel="stylesheet" href="http://andreasb.net46.net/jscript/slider.css">
<script src="http://andreasb.net46.net/jscript/jquery.cycle2.js"></script>
<div class="cycle-slideshow" id="cycle-1" style="float:left;" data-cycle-fx=scrollHorz data-cycle-timeout=3000 >
    <img src="http://andreasb.net46.net/responsive/img/java1.gif">
    <img src="http://andreasb.net46.net/responsive/img/java2.gif">
    <img id="trigger" src="http://andreasb.net46.net/responsive/img/clown.gif">
    <img src="http://andreasb.net46.net/responsive/img/java4.gif">
</div>
        <div id="target" style="position:absolute;top:50px;left:350px">
            <img src="http://andreasb.net46.net/responsive/img/java5.gif">  </div>

CSS

#target img {
     width: 50px;
    height: auto;
}

JavaScript

$('#trigger').style('visibility','hidden');