Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

URGENT! newb using code pen to try to create website

New Here ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

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:

Captura de ecrã 2017-05-24, às 14.48.07.png

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

Captura de ecrã 2017-05-24, às 14.49.34.png

(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?

Views

326
Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

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.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

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.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

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.

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 24, 2017 May 24, 2017

Copy link to clipboard

Copied

LATEST

Okay. Thank you anyway

Votes

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines