Need help to figure out the functionality behind this website.

Posted on 2012-04-03
Medium Priority
Last Modified: 2012-04-09
Hi all,

I've stumbled upon an interesting site which might help in one of my projects. Trying to look behind the codes, but some of the codes i suspect may be obfuscated.

So just wondering if anyone of you have came by any of these similar functionality found at the link below:

Need some help or sources for me to research on the following functionality:
• spanning/scrolling through of the whole webpage with pathing just like in the site
• breadcrumbs which follows and indicates which part of the site the user is looking at
• button functionality which allows user to navigate to point

Thanks in advance!

Question by:intuitionconsulting
  • 2

Expert Comment

ID: 37800458
Looks like JQuery:

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

<script src="js/jquery.plugins.js" type="text/javascript"></script>

<script src="assets/compiled.js?196" type="text/javascript"></script>

Open in new window

LVL 53

Expert Comment

ID: 37802007
You are right it is obfuscated to make duplication difficult.  I suggest if you really want the code you start taking the the js files appart to see what they are doing.  It is not likely an Expert is going to take on a task that will require a substantial amount of time.  If you don't have the necessary skills to dissect the code, you should hire a professional to do it for you.


Accepted Solution

intuitionconsulting earned 0 total points
ID: 37805018
Found the correct term to search for. Its called Parallax Effect, example: http://webdev.stephband.info/parallax.html

Thanks again for the help.

Author Closing Comment

ID: 37822681
More tutorials can be found using parallax as the search term

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…

600 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question