JSFiddle - React, Tailwind, and code Playground
HTML
<script src="carousel"></script>
<script src="https://www.perfumes.com.br/lojas/00000154/htm/js/jqueryJcarouselMin.js"></script>
<script src="https://www.perfumes.com.br/lojas/00000154/htm/js/jcarousellite.js"></script>
<div class="slider-produtos-contem slider-produtos-home">
<div id="slider-produtos">
<ul>
<li><a href="#"><img src="imagens/home/marcas/nike.png" alt="Nike"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/adidas.png" alt="Adidas"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/olympikus.png" alt="Olympikus"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/mizuno.png" alt="mizuno"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/fila.png" alt="fila"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/puma.png" alt="Puma"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/oakley.png" alt="Oakley"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/caloi.png" alt="Caloi"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/asics.png" alt="Asics"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/nike.png" alt="Nike"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/adidas.png" alt="Adidas"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/olympikus.png" alt="Olympikus"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/mizuno.png" alt="mizuno"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/fila.png" alt="fila"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/puma.png" alt="Puma"/></a></li>
<li><a href="#"><img src="imagens/home/marcas/oakley.png" alt="Oakley"/></a></li>
...
CSS
.slider-produtos-contem { position:relative; margin-left:35px; height:120px; text-align:center; overflow:show; }
.slider-produtos-home { width:100%; }
.slider-produtos-interna { width:auto; margin-right:35px; }
#slider-produtos { text-align:center; margin-bottom:13px; overflow:hidden; width:740px; padding:10px 50px 10px 30px; border-bottom:2px solid #a2a3a2; height:100px}
#slider-produtos li { position:relative; width:100px; height:100px; }
#slider-produtos img { display:block; position:absolute; left:13px; top:17px; }
#slider-produtos .mask { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/produto_mask.png) center top no-repeat; }
#slider-produtos .nome { position:absolute; left:0; top:188px; width:100%; text-align:center; font-size:15px; font-family:pfdindisplayprobold, verdana, arial; color:#333; }
#slider-produtos a:hover img { opacity:0.7; }
.produtos-seta {
position:absolute; top:15px; width:40px; height:50px;
font-size:30px;
}
.produtos-seta-ante { left:-25px ; background:red; }
.produtos-seta-ante:hover { color:#fe980f }
.produtos-seta-prox { right:130px; background:red; }
.produtos-seta-prox:hover { color:#fe980f }
JavaScript
$(document).ready(function(){
$("#slider-produtos").jCarouselLite({
auto:false,
speed:700,
visible:5,
scroll:3,
btnPrev:'.produtos-seta-ante',
btnNext:'.produtos-seta-prox'
});
})
$(function() {
$(".slider-marcas").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});