UpInside Treinamentos

Criando Slide do Zero com jQuery Parte 2 - Paginação de Slides

Já vimos como criar um slide do zero com jQuery. Podendo aplicá-lo em qualquer projeto inclusive em sites responsivos. Nesta vamos ver como criar a paginação de slides!

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter
  • Compartilhar na UpInside

Saudações meus queridos, saudações @AlunoNome. Na primeira parte sobre slide personalizado com jQuery vimos como criar o slide do zero, aplicando o CSS e realizando o controle e efeitos com jQuery.

Se você ainda não viu a primeira parte VEJA AQUI!

Nesta aula vamos ver como realizar um controle mais aprimorado do slide, e ainda vamos aplicar a paginação de slides com identificação do slide atual. Sendo assim você tem uma aplicação completa e dinâmica para utilizar em qualquer projeto!

Espero que goste, aquele forte abraço e falamos nos comentários :)

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter
  • Compartilhar na UpInside

Olá, deixe seu comentário para Criando Slide do Zero com jQuery Parte 2 - Paginação de Slides

Já temos 22 comentário(s). DEIXE O SEU :)
Jorge Donizeti Alves

Jorge Donizeti Alves

hum... olha para a perfeição só faltou os textos serem dinâmicos...
★★★★★DIA 31.08.17 18h36RESPONDER
N/A
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

Você pode fazer isso tranquilamente na sua aplicação :) Você consegue alimentar cada uma dos seus slides com o texto dinâmico, mas ai entra o PHP... Como a aula o Robson focou no jQuery e no html, o PHP fica para uma próxima oportunidade!

★★★★★DIA 01.09.17 10h30RESPONDER
N/A
Enviando Comentário Fechar :/
Jorge Donizeti Alves

Jorge Donizeti Alves

Legal! Curti bastante a aula, consegui implementar, só não entendi até agora o ue esse tal de "eq"
★★★★★DIA 31.08.17 17h33RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Gustavo Web

Gustavo Web

O eq é um seletor no jquery! Você consegue maiores informações direto no site da documentação com exemplos práticos:


https://api.jquery.com/eq/

★★★★★DIA 01.09.17 10h28RESPONDER
N/A
Enviando Comentário Fechar :/
Jose Luiz Da Silva

Jose Luiz Da Silva

Prezado Amigos,
Em razão da qual, sou novo no club. Tenho algumas dúvidas. Referente aos cursos.
A minha intenção é participar do Club.
Onde me inscrevo, em algum. que eu escolher.
Ou ele são disponibilizados, via videos como esse do Jquery ?
★★★★★DIA 29.07.17 17h27RESPONDER
Gustavo Web
Enviando Comentário Fechar :/
Edimar  Castro

Edimar Castro

Fantástico!
★★★★★DIA 03.09.16 23h49RESPONDER
Robson V. Leite, Edimar Castro, Lucas Peçanha
Enviando Comentário Fechar :/
Bruno M. Bitencourt

Bruno M. Bitencourt

Muito bom, Robson! Muito Obrigado pelas vídeo aulas da galeria de produtos, efeito carroussel e essa de paginação. EX CE LEN TE! Valeu mesmo.
★★★★★DIA 28.08.16 22h50RESPONDER
N/A
Enviando Comentário Fechar :/
Williams Batista De Lima

Williams Batista De Lima

Olá Robson, boa noite!
Só não consegui fazer a paginação. Tentei de todas as formas mas sem sucesso.
Como não tenho muita habilidade ainda com php, deixei sem ela, embora seria top deixá-la no site.

Parabéns pela videoaula, como sempre são tops!
★★★★★DIA 30.04.16 18h41RESPONDER
N/A
Enviando Comentário Fechar :/
Edsley Alves de  Farias

Edsley Alves de Farias

excelente
★★★★★DIA 05.04.16 17h58RESPONDER
N/A
Enviando Comentário Fechar :/
Leônidas Leitão

Leônidas Leitão

Muito Boa Tarde
poderia ter um link demonstrativo da aplicação seria muito bom!
★★★★★DIA 26.01.16 15h08RESPONDER
N/A
Enviando Comentário Fechar :/
Diego Rocha Santos

Diego Rocha Santos

Parabéns Robson, as duas aulas são excelentes! Implementei este slide no projeto do curso wshtml5 e ficou muito bacana e de fácil implementação.
★★★★★DIA 16.01.16 13h00RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Nilton Renato campos dos santos

Nilton Renato campos dos santos

Muito boa sua vídeo aula. Parabéns Robson!
★★★★★DIA 11.11.15 17h43RESPONDER
N/A
Enviando Comentário Fechar :/
Leandro Coelho

Leandro Coelho

TOP
★★★★★DIA 10.10.15 12h52RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Guilherme  Sousa

Guilherme Sousa

Fiz um teste aqui no meu localhost com a implementação com banco de dados e não consegui fazer funcionar tem alguma coisa que pode ser feito para funcionar?
★★★★★DIA 14.09.15 22h03RESPONDER
N/A
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Olá Guilherme, procure revisar o código :)
★★★★★DIA 15.09.15 12h10RESPONDER
N/A
Enviando Comentário Fechar :/
Antonio Carlos  Teixeira Souza

Antonio Carlos Teixeira Souza

Também estou com problema na exibição das imagens. Exibe somente a msg abaixo. Já verifiquei todo código comparando com o vídeo e não visualizei falha.
★★★★★DIA 25.08.15 14h48RESPONDER
Robson V. Leite, Leônidas Leitão
Enviando Comentário Fechar :/
Antonio Carlos  Teixeira Souza

Antonio Carlos Teixeira Souza

Gostei muito do curso. Obrigado a você por esta iniciativa de passar mais esse conhecimento.
★★★★★DIA 24.08.15 14h55RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Daniel Schumaher

Daniel Schumaher

Gostei muito destas aulas! Mas seria muito bacana se pudesse mostrar como integrar com MYSQL.
★★★★★DIA 24.06.15 23h21RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Olá Daniel, não tem segredo. Veja que os slides estão dentro de um for. Ou seja, a estrutura está pronta para receber os slides do banco. Basta trocar o for por um foreach com os dados recuperados e rodar a aplicação!
★★★★★DIA 25.06.15 11h14RESPONDER
Daniel Schumaher
Enviando Comentário Fechar :/
Daniel Schumaher

Daniel Schumaher

Ainda não tenho muita intimidade com o jQuery! Mas estarei buscando aprender para implementar. Por enquanto, estarei utilizando desta forma mesmo.
★★★★★DIA 25.06.15 11h46RESPONDER
Daniel Schumaher
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Não é no jQuery Daniel. É no PHP mesmo. Acima do FOR que tem no exemplo você faz a leitura do banco de dados e roda o looping como ali está. Só que com dados do banco!
★★★★★DIA 25.06.15 12h54RESPONDER
Daniel Schumaher
Enviando Comentário Fechar :/
celso reis

celso reis

Muito bom esse código para slide, bem reduzido e contempla várias funções. Parabéns!
★★★★★DIA 17.06.15 17h03RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Enviando Comentário Fechar :/