InstaLax
Panel Based Parallax Framework
Scroll Down And Check It Out
Scroll Down And Check It 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>
<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>
<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>
<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>
<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>