MUITO OBRIGADO PELA AULA, NEM ACREDITO QUE ESTOU FAZENDO ISSO, ISSO É FANTÁSTICO.... Muito obrigado mesmo, continue assim, que eu estou orando por VOCÊ FERREIRA #
[PRA QUEM PRECISA QUE A IMAGEM INICIE EM UMA POSIÇÃO ANTES DA ALTERAÇÃO.] ################################## Primeiro você veja qual é a posição que precisa deixar na tela alterando no elemento ou no css. Eu por exemplo precisei colocar no elemento layer_1 um top: 30%; Após definir o valor no meu top, fiz a alteração no js, usando o mesmo valor que coloquei no elemento, para que ele iniciasse com top 30% e aumentasse com o tamanho da tela. layer_1.style.top = 30 + (window.pageYOffset / 20) + '%'; ao fazer isso, o javascript já vai começar com 30% e vai somar com o tamanho da pagina e adicionar o % após isso. para tirar %, simplesmente troque o "+" pelo "-" que vai subtrair o tamanho da tela pelo tamanho já definido. ################################
Ola, Mateus, tenho visto este tipo de efeito explicado de forma bem complicada, ótimo o seu modo de construção, pergunto, desejo conter este efeito dentro de uma div específica, testei algumas funções de meu conhecimento, mas não consegui, as imagens flutuantes permanecem soltas na página. Alguma dica?
Parabéns pelo tutorial. Realmente é muito bom. Você poderia me ajudar com uma dúvida: Como faço para que as divs se movam na diagonal? Desde já, agradeço. Forte abraço.
show, mas como faz para manter o efeito em uma unica div???.. pois apliquei esse efeito nas imagens e elas passam a rolar na página inteira.. e não em um só content....
Ferreira, montei o Parallax conforme vc instruiu no vídeo e funcionou 100%, mas quando tentei colocar em uma página, que tenho um mecanismo de rolagem suave em Jquery deu conflito, e o Jquery só funciona UMA VEZ (quando entro na página), depois para. Vc ou alguém pode me ajudar ?
Oi Ferreira, tentei resolver e descobri o seguinte, que Códigos "Scroll" JavaScript, não compatibilizam com "Scroll" Jquery, (se não te causar nenhum contratempo) você teria como ensinar este mesmo Código em JQuery !
Ferrerira Studios, eu queria saber como eu faço esse parallax: enterthearena.digitalsurgeons.com/the-game O que me chamou a atenção, é que você dá um scroll na página, mas mesmo assim os pontos sobrepostos continuam se movimentando. Ah propósito, bela aula e excelente efeito! Obrigado!
I don't understand Portuguese and somehow I didn't need to:) very good tutorial, thank you so much
MUITO OBRIGADO PELA AULA, NEM ACREDITO QUE ESTOU FAZENDO ISSO, ISSO É FANTÁSTICO.... Muito obrigado mesmo, continue assim, que eu estou orando por VOCÊ FERREIRA #
+Jú Junior muito obrigado! Suas orações são fundamentais, continue nos acompanhando meu amigo. Grande abraço. ;)
Exatamente o que eu estava procurando, vc explica super bem, obrigada!
Ficou bem legal. O Ricardo Sanches tem um vídeo sobre isso que tbem é bem bom. Parabéns.
Gostei, bem claro e objetivo, teria como upar de novo o código seu, pois tentei montar aqui passo, mas acho que errei em algo.
Obrigado.
Pratico, objetivo e organizado. Parabéns! Muito obrigada!
Parabéns
muito show, vc tem um dom para explicar que fiquei de cara!
suas aulas são maravilhosas.. ajuda muitooo, Parabéns
[PRA QUEM PRECISA QUE A IMAGEM INICIE EM UMA POSIÇÃO ANTES DA ALTERAÇÃO.] ##################################
Primeiro você veja qual é a posição que precisa deixar na tela alterando no elemento ou no css.
Eu por exemplo precisei colocar no elemento layer_1 um top: 30%;
Após definir o valor no meu top, fiz a alteração no js, usando o mesmo valor que coloquei no elemento, para que ele iniciasse com top 30% e aumentasse com o tamanho da tela.
layer_1.style.top = 30 + (window.pageYOffset / 20) + '%';
ao fazer isso, o javascript já vai começar com 30% e vai somar com o tamanho da pagina e adicionar o % após isso.
para tirar %, simplesmente troque o "+" pelo "-" que vai subtrair o tamanho da tela pelo tamanho já definido.
################################
Cara muito obrigado por compartilhar conhecimento conosco! ótimo vídeo!
efeito simplesmente show , ta parabéns suas vídeo aula
Boa Noite! meu amigo eu não sei se ainda está fazendo esse trabalho de dar aula, mas vc esta de parabéns muito obrigado
Ola, Mateus, tenho visto este tipo de efeito explicado de forma bem complicada, ótimo o seu modo de construção, pergunto, desejo conter este efeito dentro de uma div específica, testei algumas funções de meu conhecimento, mas não consegui, as imagens flutuantes permanecem soltas na página. Alguma dica?
Parabéns pelo tutorial. Realmente é muito bom.
Você poderia me ajudar com uma dúvida: Como faço para que as divs se movam na diagonal?
Desde já, agradeço.
Forte abraço.
show, mas como faz para manter o efeito em uma unica div???.. pois apliquei esse efeito nas imagens e elas passam a rolar na página inteira.. e não em um só content....
Excelente explicação. Uma dúvida, é possível adicionar como evento o movimento do ponteiro do mouse somente com Javascript?
Lindo, fazendo com CSS e JS externo o programa é executável Ferreira?
Parabéns, efeito top, queria colocar em meu portfólio só que horizontalmente, como faço isso? Obrigado.
+Mateus Designer basta inverter a posição das imagens...
Top man, valeww
Please precise video language when using english title, that helps a lot when searching for informations
muy buen tutorial, exelente! Muchas gracias hermano!
Como eu faço para colocar a imagem por trás de algum conteúdo que tem na página?
muito bom cara.
Não deu certo pra mim, não consigo fazer a imagem aparecer. Já me certifiquei várias vezes q copiei o código certo. Alguém pode me ajudar
Ferreira, montei o Parallax conforme vc instruiu no vídeo e funcionou 100%, mas quando tentei colocar em uma página, que tenho um mecanismo de rolagem suave em Jquery deu conflito, e o Jquery só funciona UMA VEZ (quando entro na página), depois para. Vc ou alguém pode me ajudar ?
Joaquin, poderia subir seu código no jsfiddle e colocar o link aqui? Abraços!
jsfiddle.net/bdz1mh9s/ Desde já agradeço a atenção
Oi Ferreira, tentei resolver e descobri o seguinte, que Códigos "Scroll" JavaScript, não compatibilizam com "Scroll" Jquery, (se não te causar nenhum contratempo) você teria como ensinar este mesmo Código em JQuery !
Massa dms
Thanks Bruh!! Even if i dont understand what your saying... youre such a big help!! :)
+ralph julian rodriguez já arrumei. www.dropbox.com/s/6ux2pyhmr6i1d27/aula-parallax.rar?dl=0 ;)
Oi, queria tirar uma dúvida minha imagem não ta aparecendo, até agora eu fiz isso olha
for(var i=1; i < 50; i++)
{
document.write(' testando parallax'+1+'
Desculpa já achei o erro :/
minhas imagens nao aparecem
EXCELENTE PARABENS!!!!!!!!
Gostei.
Aee man, o link dos arquivos estão off... parabéns pelo vídeo muito bom... o meu não funfo queria achar o erro vendo o seu !!
+TecGrub já arrumei. www.dropbox.com/s/6ux2pyhmr6i1d27/aula-parallax.rar?dl=0 ;)
Ferreira Studios ® Aee man descobri meu erro, eu tinha trocado o pageYOffset por pageXOffset ai não tava funcionando vlww !!
esse negocio de colocar no-repeat n ta mostrando a imagem
+menos maior !!! já arrumei. www.dropbox.com/s/6ux2pyhmr6i1d27/aula-parallax.rar?dl=0 ;)
Ta pronto??
+Julio C GC já arrumei. www.dropbox.com/s/6ux2pyhmr6i1d27/aula-parallax.rar?dl=0 ;)
Tem como mandar outro link pra download das imagens?? pq esse n ta funcionando
Estou reupando todos os arquivos. Faltam apenas os de programacão.
Obrigado, gostei muito da apresentação, vou usar no meu tcc, quando terminar envie o link por favor
+Julio C GC já arrumei. www.dropbox.com/s/6ux2pyhmr6i1d27/aula-parallax.rar?dl=0 ;)
foda
Cara cria legendas em inglês, francês, espanhol e outras línguas, esse teu vídeo é muito bom, mas com legendas em outra linguagem seria ótimo.
Ferrerira Studios, eu queria saber como eu faço esse parallax:
enterthearena.digitalsurgeons.com/the-game
O que me chamou a atenção, é que você dá um scroll na página, mas mesmo assim os pontos sobrepostos continuam se movimentando.
Ah propósito, bela aula e excelente efeito!
Obrigado!
Cara! Use jQuery e seja mais feliz!
what you want to say??? :P
Using top is EXTREMLY inefficient.
your pro pic is so funny,lmfao :D