[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. ################################
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 #
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
[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.
################################
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. ;)
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?
Exatamente o que eu estava procurando, vc explica super bem, obrigada!
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.
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.
Excelente explicação. Uma dúvida, é possível adicionar como evento o movimento do ponteiro do mouse somente com Javascript?
Ficou bem legal. O Ricardo Sanches tem um vídeo sobre isso que tbem é bem bom. Parabéns.
Lindo, fazendo com CSS e JS externo o programa é executável Ferreira?
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....
Parabéns
muito show, vc tem um dom para explicar que fiquei de cara!
Pratico, objetivo e organizado. Parabéns! Muito obrigada!
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
suas aulas são maravilhosas.. ajuda muitooo, Parabéns
efeito simplesmente show , ta parabéns suas vídeo aula
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...
Cara muito obrigado por compartilhar conhecimento conosco! ótimo vídeo!
Please precise video language when using english title, that helps a lot when searching for informations
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 :/
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 !
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 !!
Massa dms
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
Como eu faço para colocar a imagem por trás de algum conteúdo que tem na página?
Top man, valeww
EXCELENTE PARABENS!!!!!!!!
muito bom cara.
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 ;)
muy buen tutorial, exelente! Muchas gracias hermano!
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!
minhas imagens nao aparecem
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.
Gostei.
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 ;)
Cara! Use jQuery e seja mais feliz!
foda
what you want to say??? :P
Using top is EXTREMLY inefficient.
your pro pic is so funny,lmfao :D