UpInside Treinamentos

Aprenda a Criar um Slide de Imagens ou Notícias Personalizado e do Zero Com jQuery

Dependendo do projeto que criamos os slides prontos não se ajustam, e isso é um problema! Nesta vídeo aula vamos criar um slide personalizado do zero!

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

Saudações @AlunoNome, bem vindo a mais um vídeo aula de jQuery. Nesta vamos ver como criar do zero um slide personalizado com jQuery. Estilizando e controlando efeitos e eventos com automação e tudo mais.

Você pode quere criar a paginação dos slides: Depois desta aula veja Criando Slide do Zero com jQuery Parte 2 - Paginação de Slides

Ok, mas porque criar do zero com tantos plug-ins? 

Primeiro, porque aprender a linguagem que você trabalha e a construir suas próprias aplicações é algo essencial, segundo porque plug-ins são mais carregados, e por fim, porque dependendo do seu projeto o slide pode não se ajustar.

Nesta aula, ao construir do zero, você vai ver os detalhes do controle e então conseguir criar slides como quiser, inclusive responsivos. 

Vamos criá-lo em uma estrutura bem dinâmica e baseada em classes, para que você possa escolher os elementos de marcação e fazer o slide funcionar em qualquer bloco de conteúdo do seu site.

Então @AlunoNome, se gostar da aula, não esquece de compartilhar e comentar Ok? Um forte abraço e até breve :)

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

Olá, deixe seu comentário para Aprenda a Criar um Slide de Imagens ou Notícias Personalizado e do Zero Com jQuery

Já temos 18 comentário(s). DEIXE O SEU :)
Everton Simoni De Oliveira Simoni De Oliveira

Everton Simoni De Oliveira Simoni De Oliveira

Era isso mesmo que eu estava procurando, :) obrigado Robson. Só queria saber como alterar o efeito de transição. será que da para dar essa dica? :)
★★★★★DIA 22.01.17 00h16RESPONDER
N/A
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Fala Everton, o slide foi contruído do zero, então onde temos a parte do efeito você pode alterar para qualquer outro. Como hide, slide, face, etc...

★★★★★DIA 22.01.17 12h15RESPONDER
Everton Simoni De Oliveira Simoni De Oliveira
Enviando Comentário Fechar :/
Anderson Santos  Da Silva

Anderson Santos Da Silva

Olá Robson, teria como me orientar a fazer o mesmo slide, porém, sem o PHP?
★★★★★DIA 26.11.16 18h19RESPONDER
N/A
Enviando Comentário Fechar :/
Paulo Ferreira

Paulo Ferreira

Olá Robson, muito legal sua aula, aqui não funcionou o dbclick e o link da paginação mas o resto funcionou perfeitamente, tem como você disponibilizar os arquivos que você fez e funcionou para compara com o meu e achar o erro ?
Valew a atenção
★★★★★DIA 03.10.16 18h39RESPONDER
N/A
Enviando Comentário Fechar :/
Edimar  Castro

Edimar Castro

Uma pergunta:
Fiz toda as implementações e está tudo funcionando, porem quando clico em algum disparador a transição para. Alguém pode me ajudar?
★★★★★DIA 06.09.16 20h10RESPONDER
N/A
Enviando Comentário Fechar :/
Matheus Souza

Matheus Souza

Muito Show! Parabéns pelo belíssimo site, com um excelente conteúdo sobre programação! Contribuiu bastante para o meu aprendizado em JQuery
★★★★★DIA 18.07.16 16h39RESPONDER
N/A
Enviando Comentário Fechar :/
Alberlan Costa Rodrigues

Alberlan Costa Rodrigues

excelente
★★★★★DIA 29.03.16 11h16RESPONDER
N/A
Enviando Comentário Fechar :/
James Andrade

James Andrade

Prezado Robson, muito bom o curso, porem antes de mais nada não manjo nada, estou construindo um site aos poucos, pegando um pouco ali, um pouco aqui, mas estou aos pouco conseguindo, porem tenho uma dificuldade, ao baixar seus materiais, ao abrir pelo notepad++, as imagens não aparece, já revisei todo o código conforme o seu vídeo, mas como não sei identificar aonde é o problema e resolve-lo fica difícil. Então enquanto não solucionar o mesmo não consigo dar sequência a aula. Pode me ajudar nisso.
att
James.
★★★★★DIA 25.02.16 02h42RESPONDER
N/A
Enviando Comentário Fechar :/
Sandro Vieira De Oliveira

Sandro Vieira De Oliveira

Excelente aula e ótimo conteúdo, sensei Robson! Funcionou perfeitamente!!
★★★★★DIA 05.02.16 22h40RESPONDER
Robson V. Leite, Matheus Souza
Enviando Comentário Fechar :/
Arlei Ribeiro dos santos

Arlei Ribeiro dos santos

Muito boa essa vídeo aula professor Robson. Fiz e funcionou 100% em todos os navegadores! #BoraProgramar \o/
★★★★★DIA 29.12.15 22h41RESPONDER
Robson V. Leite
Enviando Comentário Fechar :/
Celso Amaral

Celso Amaral

Muito boa a aula, executei e funcionou perfeitamente.
★★★★★DIA 09.12.15 15h36RESPONDER
N/A
Enviando Comentário Fechar :/
John John

John John

Eu baixei sua aula e não apareceu. E antes de baixar a aula, eu fiz pelo Notepad++ e também não deu. Acredito que seja naquelas variáveis que chamam a foto.
★★★★★DIA 24.11.15 21h12RESPONDER
N/A
Enviando Comentário Fechar :/
Mateus R. ocaña

Mateus R. ocaña

Muito bom Robson! Só notei um problema, se você ficar clicando na seta da esquerda para voltar ao slide anterior, o slide acaba caindo para baixo. Percebi que o mesmo problema ocorre no slide do do projeto Layout Mobile First do curso WS RWD que você apresentou.

Como resolver este problema? Creio que seja no código Jquery.
★★★★★DIA 13.09.15 12h08RESPONDER
Felipe Alves Fortunato, mica tonoli, Diego Rocha Santos
Enviando Comentário Fechar :/
Robson V. Leite

Robson V. Leite

Opa Mateus, da pra criar uma condição para só liberar o click quando o efeito concluir...
★★★★★DIA 16.09.15 09h42RESPONDER
Mateus R. ocaña, Felipe Alves Fortunato, claudete vasconcellos de Almeida Araujo
Enviando Comentário Fechar :/
Mateus R. ocaña

Mateus R. ocaña

Tem como mostrar como fazer isso Robson? Creio que muita gente deve estar com o mesmo problema também.
★★★★★DIA 16.09.15 12h06RESPONDER
Diego Rocha Santos, Carlos Alberto Ferreira De Noronha, claudete vasconcellos de Almeida Araujo
Enviando Comentário Fechar :/
Daniel Schumaher

Daniel Schumaher

Robson, notei que este slide não funciona no IE 8... como faço pra organizar esta incompatibilidade, com o HTML5SHIV?
★★★★★DIA 15.07.15 15h14RESPONDER
N/A
Enviando Comentário Fechar :/
Jean Seide

Jean Seide

Muito bom!!
★★★★★DIA 01.07.15 11h36RESPONDER
N/A
Enviando Comentário Fechar :/
Elson  Lage

Elson Lage

Aula de muito bom gosto e valiosa para o aprendizado.
★★★★★DIA 13.06.15 18h34RESPONDER
Robson V. Leite, Davi Ramirez Cervo
Enviando Comentário Fechar :/
Enviando Comentário Fechar :/