para para começar vocês terão que baixar os plugs jquery e cycle:
jquery : http://jquery.com/
Cycle : http://malsup.com/jquery/cycle/
Depois disto vamos aos codigos.
Primeiramente crie um arquivo:
index.html
Comos podemos ver neste codigo colocamos a galeria de css e de js note depois q abaxai os plugs favor trocar o link para o seu.
Podemos Ver tambem aonde se encontram as imagens, note que deverá ser trocado tambem, alias os links para se não quizer ativo só basta acrescentar o item "#".
Agora criaremos o css:
ESTILO.CSS
*{
margin:0;
padding:0;
}
#slides{
width:500px;
height:150px;
margin:0 auto;
overflow:hidden;
}
p{
text-align:center;
}
Note que no campo #slides em width: 500px; caso você queira almentar o tamanho do slide terá que alterar simplesmente os campos height e width do #slides.
Espero ter Ajudado a todos.
Comentem o tutorial.
Ate a proxima...