Skip to main content
M
marianan99839
New Participant
May 24, 2017
Answered

URGENT! newb using code pen to try to create website

  • May 24, 2017
  • 1 reply
  • 434 views

Hello!I am using two codes to create a website.

A im using http://codepen.io/anon/pen/mmaNaZ?editors=0100​ (parallax layers) and http://codepen.io/supah/pen/bBbmdG​ (Scrolling mask reveals image) .

When i join the two codes, the parallax code overlays the revealed image one and even when i make the layers transparent, the scrolling reveal doesn't happen and it's stuck.

WHAT I WOULD LIKE IS:

The image that is revealed appears:

and that same image is the base layer of the parallax code:

(Sorry for my english). If this isn't possible, i would like to have the scrolling mask first and after, the parallax one.

Is that possible? I am almost sure it is but having poor experience in this (3 classes of 1 and a half hours each), i don't know how to do it. If so, how?

This topic has been closed for replies.
Correct answer pziecina

Yes it is possible, but not with 4.5 hours of experiance. Even people with years of experiance would think twice about it.

You are probably trying to simply insert both sets of code, an approach that will never work correctly. You will have to learn not just how the code works, but how to combine the code into a cohesive whole. This is unfortunatly beyond the scope of a forum to teach you, and you will have to learn this yourself using books, or on-line tutorials/videos.

1 reply

pziecina
pziecinaCorrect answer
Brainiac
May 24, 2017

Yes it is possible, but not with 4.5 hours of experiance. Even people with years of experiance would think twice about it.

You are probably trying to simply insert both sets of code, an approach that will never work correctly. You will have to learn not just how the code works, but how to combine the code into a cohesive whole. This is unfortunatly beyond the scope of a forum to teach you, and you will have to learn this yourself using books, or on-line tutorials/videos.

M
marianan99839Author
New Participant
May 24, 2017

Okay Thank you.

But what would you do? Is there any way to make it work correctly? Me and my colleagues are desperate. Seriously, we were asked to make an unconventional website for our project, but only taught us the basics, and i really mean THE basics.  We tought the parallax scrolling wasn't too bad. If there is anything you can think of that might work, we would be extremely grateful.

pziecina
pziecina
Brainiac
May 24, 2017

Without adequate knowledge there is no way to complete such a project.

My advice would be to choose just one of the code pen examples, and use that on its own.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices