msum logo
Alex Fogarty - MSUM - Graphic Communications - Interactive Multimedia

HOME> GCOM368> Week 2 Details and Resources
Go to Details of Week 1 2 3 4 5 6 7 8 9

Week 2 - Scrolling Site and Parallax

Objectives

  • Class A JavaScript 101
  • Class B Adapt your existing site to a scrolling model. Add a parallax background

Due Tuesday

  • No homework is due today.

In Class and/or Homework if not completed

  • Using the below resources, build a functioning clickable image slider.
    Zipped file of images
    Follow along pdf
  • Create a new site with original photography, that has a one-page, scrolling model. Then, add a background image that creates a parallax effect.

Simple Scroll Example

Simple Scroll Example with parallax background

Simple Scroll Example with modal window aka Lightbox

Scrolling site one page. Images are background images of divs.

Scrolling site one page. Images have fixed positioning.

Other Resources

BACK