MooParallax 1.0

A MooTools port of jParallax, seeing as I couldn't find one.

see jParallax for examples: http://webdev.stephband.info/parallax.html



Details

Author
Ryan Mitchell
Current version
1.0
GitHub
ryanmitchell/MooParallax
Downloads
2144
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_: core/1.3.0: '*'

How to use

Assuming an HTML structure of:


    <div class="parallax">
        <img src="images/parallax_drops/0.png" alt="" style="width:978px; height:325px;"/>
        <img src="images/parallax_drops/1.png" alt="" style="width:987px; height:328px;"/>
        <img src="images/parallax_drops/2.png" alt="" style="width:1001px; height:333px;"/>
        <img src="images/parallax_drops/3.png" alt="" style="width:1031px; height:343px;"/>
        <img src="images/parallax_drops/4.png" alt="" style="width:1067px; height:355px;"/>
        <img src="images/parallax_drops/5.png" alt="" style="width:1120px; height:373px;"/>
        <img src="images/parallax_drops/6.png" alt="" style="width:1200px; height:400px;"/>
    </div>

Then instantiate the class as follows:

    new MooParallax($(document.body).getElements('.parallax'));

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus