JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://libertyeaglearms.com/dev/assets/jquery.jcarousel.min.js"></script>
<div id="featured">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/2013_PSE_DNA_BK-800x800.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/green_rem.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/hipoint.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/lead.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/military.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/pink.jpg" /></td></tr><tr><td><span class="brand">brand</span><span class="model">model</span><span class="price">$199.99</span></td></tr></table></li>
<li><table><tr><td class="featured-products-image"><img src="http://libertyeaglearms.com/dev/pictures/medium/s7_217302_999_01.jpg" /></td></tr><tr><td><span...
CSS
#featured{position:relative;margin:20px auto;width:1000px;height:200px;background-color:#FFF;border:1px solid #CCC;}
.jcarousel-skin-tango .jcarousel-container{background:#FFF;}
.jcarousel-skin-tango .jcarousel-container table
{
border-collapse:collapse;
width:175px;
height:190px;
font-family:Verdana, Arial, sans;
font-size:11px;
text-align:center;
color:#2c5987;
}
.jcarousel-skin-tango .jcarousel-container table span{display:block;}
.jcarousel-skin-tango .jcarousel-container table .brand{font-weight:bold;text-transform:uppercase;}
.jcarousel-skin-tango .jcarousel-container table .model{text-transform:capitalize;}
.jcarousel-skin-tango .jcarousel-container table .price{font-weight: bold;color: #8A9C10;}
.jcarousel-skin-tango .jcarousel-container .featured-products-image
{
height:130px;
width:175px;
}
.jcarousel-skin-tango .jcarousel-container .featured-products-image img
{
max-height:100%;
max-width:170px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal
{
margin:0 auto;
width:918px;
padding:0 40px;
}
.jcarousel-skin-tango .jcarousel-clip{overflow:hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal
{
width:918px;
height:198px;
}
.jcarousel-skin-tango .jcarousel-item
{
margin:4px 0 0 0;
width:175px;
height:190px;
border:1px solid #CCC;
}
.jcarousel-skin-tango .jcarousel-item:hover{cursor:pointer;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin-left:0;margin-right:8px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:3px;margin-right:0;}
.jcarousel-skin-tango .jcarousel-next-horizontal
{
position:absolute;
top:90px;
right:0px;
width:32px;
height:27px;
cursor:pointer;
background:transparent url(http://libertyeaglearms.com/dev//graphics/arrows.png) no-repeat -18px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal
{
position:absolute;
top:90px;
left:0px;
width:32px;
height:27px;
cursor:pointer;
...
JavaScript
$('#mycarousel').jcarousel({wrap:'circular'});