JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<script src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script src="http://malsup.github.com/jquery.easing.1.3.js"></script>
<div id="main_container">
<div><a href="http://www.manalelias.com/nad_design.html"><img src="http://www.manalelias.com/main/off/730x481xmain_off_01.jpg.pagespeed.ic.QF_C8oUCNZ.jpg" alt="Identity: NAD Design" width="730" height="481" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','main/on/main_on_01.jpg',1)" onmouseout="MM_swapImgRestore()"/></a></div>
<div><a href="http://www.manalelias.com/collab.html"><img src="http://www.manalelias.com/main/off/727x481xmain_off_02.jpg.pagespeed.ic.mCxZpn9_e7.jpg" alt="Photography: Collab" width="727" height="481" border="0" id="Image2" onmouseover="MM_swapImage('Image2','','main/on/main_on_02.jpg',1)" onmouseout="MM_swapImgRestore()"/></a></div>
<div><a href="http://www.manalelias.com/aljci.html"><img src="http://www.manalelias.com/main/off/681x481xmain_off_03.jpg.pagespeed.ic.4Qfuc4CN01.jpg" alt="Editorial: ALJ CI" width="681" height="481" border="0" id="Image3" onmouseover="MM_swapImage('Image3','','main/on/main_on_03.jpg',1)" onmouseout="MM_swapImgRestore()"/></a></div>
<div><a href="http://www.manalelias.com/him_her_them.html"><img src="http://www.manalelias.com/main/off/724x481xmain_off_04.jpg.pagespeed.ic.sTNbfVcJnb.jpg" alt="Photography: Him/Her/Them" width="724" height="481" border="0" id="Image4" onmouseover="MM_swapImage('Image4','','main/on/main_on_04.jpg',1)" onmouseout="MM_swapImgRestore()"/></a></div>
<div><a href="http://www.manalelias.com/bahri.html"><img src="http://www.manalelias.com/main/off/719x481xmain_off_05.jpg.pagespeed.ic.P0gns-A4Lq.jpg" alt="Brand Engagement: Bahri" width="719" height="481" border="0" id="Image5" onmouseover="MM_swapImage('Image5','','main/on/main_on_05.jpg',1)" onmouseout="MM_swapImgRestore()"/></a></div>
</div>

CSS

#main_container {
    width:730px;
    height:481px;
    overflow:hidden;
}

JavaScript

$(document).ready(function(){
    $("#main_container").cycle();
});