Nessa vídeo aula iremos aprender a como criar um efeito carrossel utilizando o jquery e um plugin, o jcarouselLite, com esse plugin fica muito fácil criar esse efeito. Boa Aula.
Links:
jCarouselLite : http://www.gmarwaha.com/jquery/jcarousellite/
Criando um efeito carrossel com jQuery
Ola David, estou tentando fazer esse efeito carrossel, mas não esta funcionando, vou postar os codigos aqui e se você poder ver o que estou fazendo de errado.
Desde já agradeço.
Css………………….
*{
margin:0;
padding:0;
}
#carrossel{
width:305px;
height:255px;
overflow:hidden;
margin:0 auto;
}
#carrossel ul{
list-style:none;
}
#carrossel ul li{
float:left;
display:inline;
}
p{
text-align:center;
}
HTML…………………..
Teste CARROSSEL
Anterior
Próximo
JS…………………….
$(function(){
$(“#carrossel”).jcarousellite({
btnPrev:’.prev’,
btnNext: ‘.next’
})
})
Teste CARROSSEL
Anterior
Próximo
Andre , vc não tem como colocar um exemplo online ?
Muito Bom, valeu e Obrigado.
Não consegui fazer funcionar esse efeito.. tentei várias e várias vezes igualzinho como está no vídeo e nada! por que será.. o do doutro video de como faze rum slide show funcionou, mas esse não! =/
@Junior , tem como colocar o exemplo online, pra dá uma olhada?