Curso de HTML #39 - Slider automático

Подписаться 216 тыс.

Просмотров 18 тыс.

50% 1

Curso de HTML #39 - Slider automático
Nesta aula iremos automatizar nosso slider construído na aula 38, usando o comandos setInterval
Site do canal
cfbcursos.com.br
Colabore com nosso canal:
Qualquer valor usando o PIX: pixcfbcursos@gmail.com
Página de cursos no site
cfbcursos.com.br/cursos-cfb/
e-mails:
perguntas@cfbcursos.com.br
canalfessorbruno@gmail.com
Outros Links:
Vídeo Colabore com nosso canal: • Colabore com nosso canal
Canal youtube: / canalfessorbruno
Instagram: cfbcursos ou @cfbcursos
Twitter: @cfbcursos
Facebook: canalfessorbruno
RU-vid: / canalfessorbruno
vakinhas
www.vakinha.com.br/vaquinha/m...
www.vakinha.com.br/vaquinha/i...
Produção: Bruno P. Campos / CFB Cursos
Edição: Bruno P. Campos / CFB Cursos
Licença padrão do RU-vid
#cfbcursos #html #cursodehtml

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 78

@marcoswendel5320 9 лет назад

Bruno você é 2 vezes inteligente, é inteligente porque é fera na programação e ainda é inteligente porque sua didática é de dar inveja a mtos professores que ja vi haha, abraços, canal 10!!!

@cfbcursos 9 лет назад

Marcos Wendel kkkk, valeu Marcos, qualquer dúvida é só perguntar...

@allasmaycon4706 4 года назад

Perfeito! Muito bom mesmo! Parabéns pela aula e obrigado!

@debugger91 8 лет назад

Muito bom!

@ViniciusOliveira-wq9bd 8 лет назад

Uffa consegui parabéns professor estou aguardando aula de menu mobile até mais

@paulomagalhaes6752 5 лет назад

Bruno adorei esta aula....Mas que tal usar rsta aula e criar uma extra colocando mini-fotos(thumbnail)entre os anterior e proxima e colcar < e > nas fotos um abraço e ate mais

@JhonatasPauloo 8 лет назад

To construindo um site, e essas aulas foram muitíssimas importantes, deu um ar muito moderno ao meu site. Obrigado, aprendi demais.

@cfbcursos 8 лет назад

+Jhonatas Paulo Valeu, acompanhe também as aulas de HTML5 e baixe as apostilas gratuitas de HTML5, CSS3, Javascript e WordPress diretamente do site do canal cfbcursos.com.br

@alexandrecarvalho5312 8 лет назад

PERFECT!!!

@cfbcursos 8 лет назад

+Alexandre Carvalho Valeu cara, curta e compartilhe nossos vides, ajuda bastante o canal.

@infomarcostecnologia13 9 лет назад

Bruno esse slide ficou nota10 só tenho uma duvida tem como centralizar a imagem muito obrigado...

@RicardoFerreira-yp6gd 8 лет назад

Olá amigo, primeiramente queria parabenizar pelas aulas, show de bola. Eu gostaria de saber como faço para acrescentar um menu de navegação no qual é possível saber em qual slide eu estou passando, onde eu clico em algumas das opções e me leva diretamente para o slide desejado

@maletico 5 лет назад

Topetinho com gel, mó estilo do rapaz hehe

@cfbcursos 9 лет назад

*****, jQuery é um biblioteca Javascript muito poderosa e relativamente fácil de usar, sinceramente nunca usei o codar, mas parece ser uma excelente ferramente bem completa, realmente não sei te dizer qual você deve usar, então, vai aprendendo sobre as duas e com o tempo você vai ganhando afinidade em uma delas mais que a outra

@vanderleidortaperon1670 6 лет назад

Olá Bruno, sou inscrito no seu canal e fiz o carrocel como descrito, funciona bem no Chrome, mas no Fire Fox e no IE ele roda uma vez apenas independente do lado.Pode me ajudar? Como faço para funcionar corretamente para os outros navegadores??

@ViniciusOliveira-wq9bd 8 лет назад

Professor faz uma video aula como fazer um menu mobile aqueles menu que ele chama de hanburguer acho que seria mais uma video aula mt boa para vc eu me mato para fazer isso e nunca consigo me ensina ai aguardo a video aula

@sergiohildebrando5094 6 лет назад

Boa tarde! Realmente a didatica é perfeita parabéns! Mas como conseguir o fonte?

@cfbcursos 6 лет назад

Baixa pelo site do canal, cfbcursos.com.br

@sergiohildebrando5094 6 лет назад

Muitissimo obrigado... São ótimas aulas...

@mardioba 3 года назад

Grande professor, tem como deixar esse slideshow responsive? se Sim, como?

@AlexSandro-xw3if 8 лет назад

Professor muito Obrigado pela suas aulas estou aprendendo demais muito bom, Parabéns pela iniciativa, Uma duvida eu tentei colocar o javascript desta aula em uma pasta separa como um arquivo JS EXTERNO só que não conseguir fiz como a explicação da aula 32 mais não deu resultado as imagens não apareceram queria saber como eu faço desde já meu muito obrigado

@mariocidade5634 8 лет назад

Tô na mesma situação, ele interno roda direitinho, quando tento criar...por mais que esteja certo a programa não executa, é fodinha esse jQuery.

@cfbcursos 8 лет назад

kkk, fodinha foi foda

@betopassarinheiro5444 2 года назад

O slide show automático só vai até a quarta imagem, não consigo fazer com 30 imagens.

@guilhermedebritomarcelo5202 7 лет назад

Bruno quando eu implemento a variável TMR as fotos somem da div e fica em branco poderia me ajudar? com botoes tudo certo mas quando começo a mecher no codigo pra fazer o automatico as fotos desaparecem..

@michelventura3882 4 года назад

professor como faz pra aparecer textos a cada imagem que aparece?

@delfimdosanjosfumane134 3 года назад

Bom dia Professor Bruno. estou acompanhando as suas aulas de HTML a um tempo, agora que cheguei a aula 39 e terminei o video, ficou uma duvida. Esta tudo funcionando bem mas quando acaba a transmissão de todas imagens ele não continua da primeira imagem nem clicando no botão "prox" ou "ant", não encontro nenhum erro meu fiz tudinho igual. Peço que me ajude.

@vanderleidortaperon1670 6 лет назад

Por favor, não estou conseguindo centralizar a moldura com a imagem, pode me dizer como faço?

@ramonbruno56 9 лет назад

tem como no próprio slide ele redimensionar a imagem sozinho ?

@joonasalb 9 лет назад

fala ae Bruno!! Tudo blz? Hoje tenho uma dúvida.. voce tem alguma sugestão de algum site que hospede html/php gratis e que seja bom, tipo, com mysql, ads, scripts essas coisas? vllws! Ótima video aula!

@cfbcursos 9 лет назад

Jonas Albuquerque Tenho sim, mostro inclusive na aula 36 de html, segue o linkru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-60vPtzTNKWk.html

@joonasalb 9 лет назад

canalfessorbruno vllw :D

@cfbcursos 9 лет назад

Jonas Albuquerque Por nada, precisando é só chamar!

@8Dceline 7 лет назад

Ola, para cada imagem do slider eu preciso direcionar a um link diferente (ao clicar). Como posso atribuir isso nesse código?

@cfbcursos 7 лет назад

Coloca cada imagem dentro de uma tag A

@fernandoestevam5583 7 лет назад

Fessor, Me diga uma coisa não entendi o porque de colocar troca(-1) e troca(1)?

@cfbcursos 7 лет назад

Para indicar de será trocado pela anterior ou a próxima

@dscjnetcom 8 лет назад

Professor Bruno boa noite, as aplicações de transição não funcionam no IE e no Mozilla, como posso resolver?

@cfbcursos 8 лет назад

+Daniel Junior Alguns browseres não funcionam mesmo não, alguns necessitam d webkits

@GuiGamerbrofic 8 лет назад

Opa Parabéns Me Ajudou Muito Mais Não tem como eu colocar para quando eu clicar nas imagens redireciona para algum link nao ?? pode me ajudar ?

@cfbcursos 8 лет назад

+Gui Gamer Basta configurar cada imagem com link

@GuiGamerbrofic 8 лет назад

+canalfessorbruno ae ficaria assim > imgs=Array('','f2.jpg','f3.jpg','f4.jpg','f5.jpg','f6.jpg');

@Zangly1 8 лет назад

quando clico em proximo, so e possivel ir da primeira para a segunda, e da primeira para ultima, nas outras imagens o botao n funciona,vc sabe o que pode ser??

@cfbcursos 8 лет назад

+Zangly1 Pra saber o que é tenho que ver seu código

@sayori3939 2 года назад

Utilizando o valor do parametro para somar o fi = mind blown

@LucianoSempionato 6 лет назад

Ha como fazer uma pagina que leia o conteúdo de uma pasta automaticamente? exemplo foto 1 - foto 2 e se colocarem uma foto 3 dentro da pasta o html leia esta foto automaticamente?

@cfbcursos 6 лет назад

Não tem como fazer isso em HTML puro Luciano, você precisa usar PHP para esta tarefa

@dscjnetcom 8 лет назад

Boa noite Professor Bruno, a alguma função para parar o slide quando o mouse estiver em cima da imagem e quando mouse sair reiniciar a contagem do tempo de transição?

@cfbcursos 8 лет назад

+Daniel Junior Tem como fazer sim, você deverá; criar uma função para parar o timer clearInterval e chamar esta função no evento onmouseover, e no onmouseout iniciar o timer novamente

@dscjnetcom 8 лет назад

+canalfessorbruno Bom dia, Professor sou mais leigo no assunto então vou fazer outra pergunta em cima da sia resposta. Pode me da um exemplo desta função para parar o slide? Onde devo setar esses comandos de "onmouse" na moldura? Tentei algumas coisas mas como faz mais de 5 anos que não mecho com programação nenhuma e era como passa tempo, a mente esta meio lenta ^^ .

@cfbcursos 8 лет назад

+Daniel Junior Estou terminando a postila de Javascript, nela tem um exemplo de slider com essa função, acho que essa semana eu posto

@dscjnetcom 8 лет назад

+canalfessorbruno ok valeu no aguardo.

@jorgeluiz1960 7 лет назад

Não consegui colocar pra funcionar os slides

@GuiGamerbrofic 8 лет назад

Olá Tem Como Me Ajuda quero daber como coloco um painel de postagens em um site php

@cfbcursos 8 лет назад

+Gui Gamer Que tipo de postagens, tipo blog? o usuário que vai postar algo? Notícias?

@GuiGamerbrofic 8 лет назад

+canalfessorbruno no meu caso seria para posta noticias do meu servidor para os players pode ser qualquer coisa mai algo que so os administradores possa posta

@rosanesilva6396 8 лет назад

Boa tarde prof Bruno, estou tentando fazer rodar um slide neste modelo de botões, mas minhas fotos não aparecem... pode ajudar-me te mando por email o código?

@cfbcursos 8 лет назад

+Rosane Silva Sim, compacta tudo e manda pro email canalfessorbruno@gmail.com

@caiquemoura7738 7 лет назад

estou com um codigo pronto, mais não consigo colocar esse automatico nele

@cfbcursos 7 лет назад

Qual erro deu?

@caiquemoura7738 7 лет назад

não deu erro, so n funciona

@w.ribasr_ibas5707 9 лет назад

Boa noite, estou com dificuldade nem revolver um código, eu não sei mais o que fazer e tenho que entregar até terça feira serra qe o SR não poderia me mandar o código ou gostar um vídeo com ele? "Fazer um algoritmo que leia números inteiros até que sejam informados dez números perfeitos e escreva o menor número perfeito informado. Um número perfeito é aquele que é igual a soma dos seus divisores. Ex: 6=1+2+3 ; 28=1+2+4+7+14 " tenha um bom começou de semana vlw, se puder postar o código no comentário me ajudaria muito ! eu uso dev c++

@cfbcursos 9 лет назад

W.RIBAS r_ibas É simples, mas só poderei te ajudar mais a noite

@w.ribasr_ibas5707 9 лет назад

ok, obrigado

@w.ribasr_ibas5707 9 лет назад

quando postar o vídeo me avisa, pois a noite estou na aula, mas quando chegar eu dou olha no vídeo, valeu mesmo, já tava perdendo as esperanças haha

@cfbcursos 9 лет назад

W.RIBAS r_ibas Me passa seu e-mail pra eu te enviar o código

@w.ribasr_ibas5707 9 лет назад

canalfessorbruno (wilian-r-manchester@hotmail.com)

@mariocidade5634 8 лет назад

O q adianta ter conteúdo, mas não tem o bom senso de dar um zoom nos comandos Bruno

@cfbcursos 8 лет назад

Mário, mas dá pra ler normalmente cara

@mariocidade5634 8 лет назад

Oi Bruno, da não! mesmo meu monitor sendo de 32" polegadas, Eu tenho problema c/ visão, sou meio assim caolho por natureza. Mas tirando esse quesito, é tudo 1000 Bruno. Obrigado mesmo tudo, Você é 10 Bruno, Obrigado!

@mariocidade5634 8 лет назад

Obs:. todas vídeo aulas são ótimas, mas essa tem aquilo que estou procurando que é automação do slyde. Vc fala que é simples e parece ser mesmo com da forma que vc ensina mas na hora de executar...da erro.

@cfbcursos 8 лет назад

Qual erro?

@mariocidade5634 8 лет назад

Quenta não Bruno, Agradece! se precisar ver mil vzs...vou ver e praticar e entender cada comando, só assim vou aprender mesmo, de novo...Obrigado Bruno.