Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde, eu sou leigo em javascript e consegui um carrossel em jquery, mas gostaria de adicionar algumas ações. Por exemplo o carrossel funcionar perfeitamente, as imagens passando em "quadros", mas gostaria que elas fossem links e além de links quando passar o mouse por cima ele parece o slide.
$(function(){
$("#carrossel").jCarouselLite({
btnPrev : '.prev',
btnNext : '.next',
auto : 1000,
speed : 2000,
visible : 5
})
})
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- inclusão do javascript-->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript" src="js/carrossel.js"></script>
<!-- inclusão do CSS-->
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="carrossel">
<ul>
<li><img src="images/images/php.jpg" width="150" height="150" alt="" /></li>
<li><img src="images/images/imasters.jpg" width="150" height="150" alt="" /></li>
<li><img src="images/images/jsquery.jpg" width="150" height="150" alt="" /></li>
<li><img src="images/images/mxmasters.jpg" width="150" height="150" alt="" /></li>
<li><img src="images/images/java.jpg" width="150" height="150" alt="" /></li>
<li><img src="images/images/css.jpg" width="150" height="150" alt="" /></li>
</ul>
</div>
<p>
<a href="#" class="prev">Anterior</a>
<a href="#" class="next">Próximo</a>
</p>
</body>
</html>
Se alguém puder me ajudar, fico grato!
Opa do link já resolvi rs é só por um link como em qualquer outro lugar...rs
Carregando comentários...