Nessa video iremos aprender como criar um slide show de uma maneira fácil e rápida, utilizando o jquery e um plugin chamado cycle. Bons estudos.
Links:
Cycle : http://malsup.com/jquery/cycle/
Criando Slide Show com jQuery
Desenvolvedor Web
Olá David eu enchendo o saco novamente.
No final onde vc “numera as paginas ” não aparece na vídeo aula gostaria de saber onde colocou a id pager que ñ deu pra visualizar.
Outra duvida minha seria qual atributo (se for um atributo) para o link que passa no slide ficar “ativo”?
@Andrew, a propriedade para paginação seria pager, então basta colocar o id q vc quer seja inserido essa paginação.
[javascript]
$("#slide").cycle({
pager : ‘#paginacao’
})
[/javascript]
e no HTML
[html]
<div id="paginacao"></div>
[/html]
Sobre o link ativo, ele é atribuído a class activeSlide
Obrigado tudo certo vlw mesmo só estou com dificuldade quanto a personalizar o controle e a essa class activeSlide não sei como aplicala. mais nada que o google não resolva.
Obrigado !
Não tem misterio, se está dentro #paginacao, poderia fazer assim:
[css]
#paginacao a{color:#036}
#paginacao a.activeSlide{color:#F00}
[/css]
Kara so não digo que te amo por que vai fica estranho eu vo casar da qui a 2 meses, + deu certo e muito bom.
Uma ideia, por que não cria um grupo de usuarios no seu site pra galera poder ta sempre por ai assistindo o mestre? acho que que teria bastante usuarios q reconhecem seu trabalho.
Vc me assustou agora, rs.
Pode ser uma possibilidade, ainda quero fazer mais coisas no site, ainda nem publiquei minhas aulas aqui devido ao tempo, vou pensar sua sugestão, e como fazer tbm. abrs
POW DAVID TU É DE MAIS MANO MUITO BEM EXPLICADO ESSE VIDEO CARA EU GOSTEI MUITO MANO
CARA POSSO PEDI UMA VIDEO AULA DESSE SLIDE AQUI MANO
É PARECIDO
EXEMPLO: http://www.grupostone.com.br/
COM AQUELE LINK NAS IMAGENS TA DIFICIO?
PODE SER
ABRAÇOS E VALEUS POR ESSE VIDEO AI =)
Vlw Thiago. Vc pode fazer esse slide com esse plugin cycle q ensino na video aula
Primeiramente parabéns pelo site e pelas vídeo aulas, consegui fazer o slide show perfeitamente e ainda alterei o Browser Effects para scrollLeft para fazer o slide ao meu gosto, só que não estou conseguindo colocar um identificador de imagens como por exemplo esse que se encontra no site da Apple: http://www.apple.com/br/ipad/ abaixo das imagens, você poderia me dar um auxilio ???
Desde já agradeço, vlw…
Fausto, vc vai utilizar o atributo page, e indicar aonde será colocado os links da paginação. Depois é só ir com css, e colocar as images nesse link:
[css]
#page a{
display:block;
width:10px;
height:10px
background: url(images/bullet.png) no-repeat;
text-indent : -999999px;
}
[/css]
David me desculpe, mas ainda sou leigo no assunto e não estou conseguindo concluir o slide com a informação que você me passou, se possível teria como dar uma olhada no meu modelo e fazer um exemplo para facilitar meu aprendizado ???
segue o link: http://www.4shared.com/file/yrBmp832/Cicle_Jquery.html, obrigado.
Fausto, vc tava fazendo certo, basta atribui o page, depois vc vai trabalhar com CSS, para posicionar o page na sua página
[javascript]
$("#slides ul").cycle({
fx: ‘scrollLeft’,
speed: 1000,
timeout: 3000,
pager : ‘#pager’
});
[/javascript]
Muito boa essa va me salvou, agora posso dormir tranquilo parabéns David Obrigado por compartilhar.
vlw Dido, q bom q aula pode te ajudar. abrs
Olá…
não estou conseguindo personalizar o menu pager…
melhor dizendo não estou conseguindo substituir o “1234”
por um bullet.png
Tentei fazer no css da seguinte forma.
}#pager a{
display:inline;
width:10px;
height:10px;
background: url(img/bullet.png) no-repeat;
}
mais não está funcionado…
como faço?
Abraço
Vc precisa definir como display:block
Oi! Tudo bem?
Quando vc colocau uma tag span para chamar um id vc colocou onde? porque não apareceu no video.
Abraços