InstaLax

Panel Based Parallax Framework

Scroll Down And Check It Out

↓

Panels slide in, content slides out

<div class="slide two" data-fade="true"\>
    <div class="bg">
        <img src="images/slide2.jpg"/>
    </div>
    <div class="content" data-width="451" data-start="center" data-stop="bottom" data-fade="out">
        <h2>Panels slide in, content slides out</h2>
    </div>
</div>

Panels don't need to slide

<div class="slide three" data-fade="true" data-noslide="true">
    <div class="bg">
        <img src="images/slide3.jpg"/>
    </div>
    <div class="content" data-width="451" data-start="top" data-stop="center">
        <h2>Panels don't need to slide</h2>
    </div>
</div>

And niether does content

<div class="slide four">
    <div class="bg">
        <img src="images/slide4.jpg"/>
    </div>
    <div class="content" data-width="451" data-start="center" data-stop="center">
        <h2>And niether does content</h2>
    </div>
</div>

Slide from below to above

<div class="slide five" data-fade="true" data-noslide="true">
    <div class="bg">
        <img src="images/slide5.jpg"/>
    </div>
    <div class="content" data-width="451" data-start="bottom" data-stop="top">
        <h2>Slide from below to above</h2>
    </div>
</div>

Slide from above to below

<div class="slide six">
    <div class="bg">
        <img src="images/slide6.jpg"/>
    </div>
    <div class="content" data-width="451" data-start="top" data-stop="bottom">
       <h2>Slide from above to below</h2>
    </div>
</div>

So go crazy

Download Now