# Parallax Website

**URL:** <https://forum.kirupa.com/t/parallax-website/332556>\
**Category:** web dev\
**Created:** [July 22, 2014, 7:10am UTC](https://forum.kirupa.com/t/parallax-website/332556 "2014-07-22T07:10:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeadlyDude](https://avatars.discourse-cdn.com/v4/letter/d/db5fbb/32.png) [@DeadlyDude](https://forum.kirupa.com/u/DeadlyDude)\
**Post date:** [July 22, 2014, 7:10am UTC](https://forum.kirupa.com/t/parallax-website/332556/1 "2014-07-22T07:10:28Z")

</div>

I want to create a parallax responsive website which has around 10 pages with lot of images in almost every page. So I want to create separate HTML pages. So that the structure is less complex. Preloading the complete data initially will take too much time. So I am thinking to load the page data when user scrolls to the page. Please share your ideas as well as if you have some good tutorial for same:be:.