quinta-feira, 22 de setembro de 2011

Criando Slide Show

Olá a todos para começar o blog hoje estarei ensinando a como criar um slide show com os plugs jquery e o cycle.
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...